Von der Idee zum MVP. An einem Tag.
Am Ende des Tages hat jeder hier einen funktionierenden Prototypen. Wir gehen den kompletten Weg gemeinsam: Idee, Featureliste, Tech-Entscheidungen, Bauen mit Claude Code. Kein Theorie-Workshop, sondern ein Bauen-Workshop.
Seit 2018 selbstständig. Vom Freelancer zum Software-Entwickler. Heute betreibe ich vier eigene Produkte (Spotlight, Atlas, Outreach, Connector) und baue Custom-Lösungen für Selbstständige. Mein gesamter Stack entsteht mit KI, jeden Tag. Genau diesen Workflow gebe ich euch heute mit.
Erste halbe Stunde: ich will wissen, wer ihr seid und was ihr heute mitnehmen wollt. Setup machen wir nach dem Mittag, kurz bevor wir bauen. Tools brauchst du erst dann.
Reihum: 2 Minuten pro Person. Name, Hintergrund, Idee in einem Satz, was du heute am Ende mitnehmen willst. Damit weiss ich, wo ich euch später individuell abhole.
Zuerst eine kleine Demo, die wir parallel zum Workshop in 10 Minuten aufgesetzt haben. Danach vier eigene Produkte, die alle mit dem gleichen Workflow entstanden sind. Damit ihr seht, was am Ende des Tages real möglich ist.
Zwei Schritte, die alles entscheiden: erst die richtige Featureliste, dann das richtige Ziel. Beides klingt banal, ist aber meistens der Grund warum Projekte stecken bleiben.
Die Featureliste entscheidet, was du bauen musst. Ohne klare Liste baust du im Kreis. Mit klarer Liste weiss die KI, was sie machen soll. Genau hier scheitern 80 Prozent. Drei Fragen, mehr nicht.
Vertiefung: webapp-scoping.md
Schreib alles auf, was dir einfällt. Erstmal ohne Priorisierung. Brain-Dump.
Mindestens so wichtig. Was streichst du bewusst, damit du in Tagen statt Monaten fertig wirst?
Wenn du nur eine bauen dürftest, welche wäre es? Das ist dein Anker, der Rest ist Beiwerk.
Leg eine features.md in einem neuen Ordner an. Folge dem Beispiel. Erst Brain-Dump, dann Was-NICHT, dann die eine Funktion markieren. Ich gehe rum.
Jede deiner Features gehört in eine Stufe. Heute kommen wir realistisch bis Stufe 1, mit Glück Stufe 2. Stufe 3 und 4 sind Arbeit für die nächsten Wochen und Monate.
Kann heute noch fertig werden.
Eine zentrale Funktion läuft. Nicht schön, nicht stabil, aber sichtbar. Du kannst es jemandem zeigen.
Erstes für erste Kunden testbares Produkt.
Kernfunktionen drin, Auth, Bezahlung, minimaler Onboarding-Flow. Erste echte Nutzer arbeiten damit.
Alle wichtigen Funktionen für Kundenerlebnis.
Du nimmst öffentlich Geld dafür. Polish, Edge-Cases, Support-Flow, Rechtliches.
Alle geplanten Features sind umgesetzt.
Software ist nie fertig. Aber das Produkt ist erwachsen, spürbar reif, mit allem was du dir vorgenommen hattest.
Geh zurück in deine features.md. Schreib unter jeden Feature-Punkt in welche Stufe er gehört. Markier deine Stufe-1-Features klar, das ist was du heute baust.
Fünf Aspekte, die du entscheiden musst, bevor du den ersten Prompt schreibst. Wer das überspringt, baut sich in die falsche Richtung und merkt es zu spät.
Geh in deine features.md. Füg unter dem Titel einen kurzen Tech-Block ein. Software-Typ und Stack. Damit du gleich beim Bauen weisst, was du Claude Code als Rahmen vorgibst.
Bevor du eine Farbe wählst, beantworte sechs Fragen. Sonst baust du etwas, das hinterher die falschen Leute bedienen.
Vertiefung: webapp-design.md
Ein Nutzertyp oder mehrere? Admin, Kunde, Gast? Jede Rolle braucht eine eigene Sicht.
Fünf-Klicks-Onboarding für alle? Oder Power-Tool mit Lernkurve? Beides legitim, beides anders.
Meldet sich der Kunde selbst an und legt los? Oder gibt es ein Onboarding-Gespräch mit dir?
Was musst du im ersten Login wissen, damit das Produkt sich sofort richtig anfühlt?
Schaut der Kunde hauptsächlich am Handy? Oder Desktop? Bestimmt das ganze Layout.
Sachlich-professionell? Locker-persönlich? KI braucht deine Stimme, sonst klingt es generisch.
Für den Prototyp reicht das Grundgerüst. Aber spätestens beim ersten echten Kunden muss das stehen.
Vertiefung: webapp-auth.md · webapp-security.md
Letzter Schritt vor dem Bauen. Pack alle Konzept-Entscheidungen aus Block 04 in deine features.md. Damit hat Claude Code morgen Vormittag den vollen Kontext und kann sauber arbeiten.
Direkt nach dem Mittag. Du hast deine features.md aus Block 03 + Konzept-Block aus Block 04 fertig. Jetzt gibst du das Claude und lässt dir einen Entwicklungsplan erstellen. Damit du in Block 06 sofort loslegen kannst.
Mit deinem Entwicklungsplan im Rücken weisst du was du brauchst. Macht jetzt Accounts, installiert Claude Code, holt eure API-Keys aus Supabase und Vercel. Auf der nächsten Slide zeig ich euch, wie ihr die Keys an Claude übergebt.
Ohne Claude Code Abo? Alternativen ausführlich in webapp-freestack.md
Eigener Laptop dabei (Mac oder Windows). Uni-WLAN-Zugang.
20 €/Monat. Der Hauptweg heute. Bei normaler Nutzung ca. 90 Min produktive Arbeit pro Reset-Zyklus. Bringt Node und alles weitere selbst mit.
claude.com/product/claude-codeDeine Datenbank + Auth in der Cloud. Free Tier: 500MB Postgres, 50k Nutzer, Auth fertig eingebaut.
supabase.comDein Hosting. Free Tier: unlimited Deploys, 100GB Bandwidth, eigene Domain möglich.
vercel.com/signupGoogles Coding-Agent, aktuell in Beta und kostenlos. Andere Bedienung als Claude Code, grössere Free-Limits.
antigravity.googleOpenAIs Terminal-Agent. Free-Tier mit ChatGPT-Account, dahinter Pay-per-Use. Solide Alternative wenn du eh schon OpenAI nutzt.
openai.com/codexJetzt freie Arbeit am eigenen Prototyp. Mach was du gerade brauchst. Keine Vorgabe von mir, du kennst dein Projekt am besten.
Weiter geht's. Plan checken, Stand prüfen, nächsten Brocken angehen. Wer schon was deployed hat: iterieren und Feedback der Nachbarn einbauen.
Letzte Runde vor der Pause. Spätestens jetzt: Layout aufräumen, Texte schärfen, fehlende Bugs killen, deployen. Damit du nach der Pause beim Showcase eine Live-URL hast die du teilen kannst.
Jeder zeigt 2 Minuten, was heute entstanden ist. Danach offene Fragerunde zu allem, was noch hängt.
2 Minuten pro Person. URL teilen, kurze Erklärung, eine Frage in die Runde. Wer keine 2 Minuten füllt: alles gut, hauptsache wir sehen es kurz.
Acht Markdown-Dateien, die ihr direkt in euer eigenes Projekt-Verzeichnis legt. KI-agnostisch, funktionieren mit Claude Code, Antigravity, Codex, Cursor, allen. Damit baut ihr nach dem Workshop selbständig weiter.
Idee zu MVP zuschneiden. Featureliste, Kern-Funktion, Was-NICHT-Liste.
Download ↓ MDKI-Workflow: Plan-Mode, Iterations-Loops, /clear-Hygiene.
Download ↓ MDKonzeption: Nutzer-Rollen, Onboarding, Self-Service, Tonalität.
Download ↓ MDDefault-Stack: Next.js, Postgres, Vercel. Wann was anderes.
Download ↓ MDAuth-Patterns: Magic-Link, OAuth, Passwort. Was wann.
Download ↓ MDDSGVO, EU-Hosting, Backups, Verschlüsselung.
Download ↓ MDVon "läuft lokal" zu "im Netz". Vercel, Dokploy, Domain.
Download ↓ MDFree-Stack: Antigravity, Codex, Anthropic-API. Wenn 20 € zu viel.
Download ↓Wenn du an deinem Prototyp weiterbaust und steckenbleibst, oder einen Sparring-Partner für dein Projekt suchst, schreib oder ruf einfach an.