Für Hackathons & Build-Sessions

In 3 Stunden zum Prototyp

Zeitplan mit Timer, Prompt-Vorlagen zum Kopieren und eine Packliste – damit du auf dem nächsten Hackathon nicht die erste Stunde mit Planen verlierst.

Phase 1 von 5
Problem & Idee schärfen
Ein Satz: Wer hat welches Problem, und was ist das Kleinste, das es löst?
20:00
gesamt noch 180:00
  1. Problem & Idee schärfen
    20 Min.
  2. MVP festlegen
    20 Min.
  3. Bauen
    90 Min.
  4. Testen & fixen
    25 Min.
  5. Pitch & Demo
    25 Min.

Prompt-Vorlagen zum Kopieren

1 · Idee schärfen

Ich habe 3 Stunden, um einen Prototyp zu bauen. Meine Idee: [IDEE]. Zielgruppe: [WER]. Stell mir 5 kritische Fragen zum Problem, dann schlag mir die kleinste Version vor, die man in 90 Minuten bauen kann und die das Problem schon spürbar löst. Antworte knapp.

2 · MVP-Spezifikation

Schreib eine Ein-Seiten-Spezifikation für einen Web-Prototyp: [MVP IN EINEM SATZ]. Genau ein Nutzerablauf, Liste der Bildschirme (max. 3), Datenfelder, was bewusst NICHT gebaut wird. Format: Markdown-Checkliste, die ich Schritt für Schritt abhaken kann.

3 · Bauen (Lovable, Bolt, v0 oder Claude Code)

Baue folgende Web-App nach dieser Spezifikation: [SPEZIFIKATION EINFÜGEN]. Nutze React und Tailwind, kein Login, Daten im Browser speichern. Starte mit dem Kernablauf und einer schlichten, gut lesbaren Oberfläche auf Deutsch. Nach jedem Schritt muss die App lauffähig sein.

4 · Fehler beheben

Beim Testen ist Folgendes passiert: [WAS DER NUTZER GETAN HAT] – erwartet war [ERWARTET], passiert ist [TATSÄCHLICH]. Fehlermeldung: [FEHLER]. Finde die Ursache und behebe nur das, ohne andere Teile umzubauen.

5 · Pitch

Schreib mir einen 60-Sekunden-Pitch für meinen Hackathon-Prototyp: Problem [PROBLEM], Lösung [LÖSUNG], was die Demo zeigt [DEMO], wer zahlen würde [ZIELGRUPPE]. Struktur: Hook, Problem, Demo-Moment, warum jetzt, nächster Schritt. Maximal 150 Wörter, gesprochene Sprache.

Werkzeuge

  • Claude – Idee schärfen, Spezifikation, Code und Texte
  • Claude Code – programmieren im Terminal oder Editor
  • Lovable – komplette Web-App aus einer Beschreibung
  • Cursor – KI-Editor für eigenen Code
  • Bolt – Web-App im Browser bauen und teilen
  • v0 – Oberflächen aus Text erzeugen

Packliste für den Abend vorher

  • Konten bei den Werkzeugen vorher anlegen und einloggen – nicht in der ersten halben Stunde
  • Ein Problem notieren, das du oder jemand in deinem Umfeld wirklich hat
  • Laptop-Ladegerät, Mehrfachstecker, Kopfhörer
  • Testdaten bereitlegen (Beispieltexte, Bilder, eine kleine Tabelle)
  • Prüfen, ob dein Wunschname frei ist – Domain und Marke

Namen prüfen: Marken- und Domain-Check

Nach dem Hackathon: vom Prototyp zur Firma

  1. Zehn potenziellen Kunden den Prototyp zeigen und fragen, ob sie dafür zahlen würden.
  2. Pitch-Deck bauen und dich bei einem Wettbewerb oder Accelerator bewerben – Fristen im Fristen-Radar.
  3. Rechtsform wählen: Rechtsform-Finder.
  4. Finanzierung planen: Gründungskosten-Rechner und Förderung prüfen.

Der nächste Hackathon in deiner Nähe

Täglich aktualisiert: Hackathons, Build-Days und KI-Meetups in ganz Deutschland.

Häufige Fragen

Kann ich ohne Programmierkenntnisse in 3 Stunden einen Prototyp bauen?

Ja, mit KI-Werkzeugen wie Lovable, Bolt oder Claude entsteht ein klickbarer Web-Prototyp aus Beschreibungen. Entscheidend ist, dass du den Umfang radikal klein hältst: ein Ablauf, eine Eingabe, ein Ergebnis.

Wie teile ich die 3 Stunden auf?

20 Minuten Problem, 20 Minuten MVP festlegen, 90 Minuten bauen, 25 Minuten testen und 25 Minuten für Pitch und Demo. Der Timer auf dieser Seite führt dich durch die Phasen.

Was mache ich nach dem Hackathon mit dem Prototyp?

Wenn Leute ihn nutzen oder bezahlen wollen: Namen sichern, Rechtsform wählen und anmelden. Für Wettbewerbe und Stipendien lohnt sich ein Pitch-Deck – offene Fristen stehen im Fristen-Radar.

Weiter stöbern