Workshop-Tool · Skizze → Prototyp

Aus handgezeichneten Skizzen einen funktionierenden Prototyp machen.

Eine Crazy-Eights-Runde mit eingebautem Timer durchführen, Fotos der Skizzen einwerfen, die Idee in wenigen Feldern beschreiben — und daraus einen fertigen AI-Prompt zum Kopieren erhalten oder live einen klickbaren HTML-Prototyp erzeugen. Für den Workshop in der Gruppe ebenso wie für die Arbeit am eigenen Schreibtisch.

1Ideen sammeln (Crazy Eights) 2Skizzen hinzufügen 3Beschreiben 4Erzeugen
1

Crazy Eights

Acht Ideen, acht Minuten. Optional — überspringen, wenn du schon Skizzen hast.
08:00

Jede Idee auf Papier skizzieren, dann ein Feld antippen und ein Foto hinzufügen. Die Felder fließen direkt in den Prototyp.

2

Deine Skizzen hinzufügen

Kritzeleien, Wireframes oder Whiteboard-Fotos einwerfen. Diese und deine Crazy-Eights-Felder gehen an die AI.
🖼️

Bilder hierher ziehen oder zum Hochladen klicken

PNG, JPG, HEIC · mehrere Dateien · Fotos von Papierskizzen funktionieren bestens

Noch keine Bilder hinzugefügt.
3

Die Idee beschreiben

Je mehr Kontext, desto besser der Prototyp. Alles hier ist optional.
Responsive Web Mobile App Desktop-Dashboard
Grobes Wireframe Mittel Ausgearbeitet
Einzelne HTML-Datei React + Tailwind HTML + Tailwind
4

Den Prototyp erzeugen

Einen fertigen Prompt in eine beliebige AI kopieren — oder den klickbaren Prototyp gleich hier erzeugen.

Prompt kopieren ohne Schlüssel

Erzeugt einen passenden Prompt. Füge ihn — samt angehängter Bilder — in Claude, ChatGPT, v0 oder Lovable ein. Kann bedenkenlos an alle Teilnehmenden weitergegeben werden.

Live erzeugen dein Schlüssel

Das Tool ruft die AI selbst auf und zeigt den klickbaren Prototyp direkt hier. Dafür braucht es deinen eigenen API-Schlüssel, der nur in deinem Browser verwendet wird.

prototype-prompt.txt 

        

        

          Vergiss die Bilder nicht. Dieser Prompt beschreibt die Idee — hänge deine 0 Skizze(n) an dieselbe Nachricht an, damit die AI sie sehen kann. In Claude/ChatGPT über die Büroklammer; in v0/Lovable die Bilder hineinziehen.
        

      


      
      

        

          

            
            
          

          

            
            
          

          

            
            
          

        

        
        
Arbeitet…

        
Dein Schlüssel geht für diese eine Anfrage direkt von deinem Browser zum Anbieter — er wird nie gespeichert und erreicht keinen Server von Peter Spiegel. Für einen gemeinsamen Workshop nutze stattdessen „Prompt kopieren".

      


      
      

        

          
Dein Prototyp

          

            
            
            
          

        

        
        

      

    

  







In die Zwischenablage kopiert