Der Vibe Coder Stack sind 7 verifizierte Web-Tools, mit denen non-technical Founder per KI Apps und Websites bauen: Indie Hackers und Starter Story zum Idee validieren, v0 und Lovable zum Bauen, shadcn/ui, Magic UI und 21st.dev für die UI. Die Reihenfolge ist der eigentliche Hebel, nicht das einzelne Tool. Stand der Links: Mai 2026. Alle URLs verifiziert.
Vibe Coding heißt: du beschreibst in normaler Sprache was du willst, die KI schreibt den Code. Geprägt hat den Begriff Andrej Karpathy, früher Forscher bei OpenAI. heise beschreibt die Arbeitsweise im iX-Hintergrund so: Der Mensch überlässt die grundlegenden Architektur- und Technologieentscheidungen vollständig der KI und gibt nur noch das Ziel in einem Prompt vor (2025). Das Bauen ist dadurch fast gratis geworden. Der Engpass ist nicht mehr die Technik, sondern die richtige Idee. Genau deshalb steht in diesem Stack die Recherche vor dem Code.
Was ist der Vibe Coder Stack?
Es sind 7 Bookmarks in zwei Gruppen. Zwei Tools für die Idee (bevor du eine Zeile Code schreibst) und fünf Tools für den Bau. Du brauchst nicht alle gleichzeitig. Du gehst sie in Reihenfolge durch.
| # | Tool | URL | Wofür |
|---|---|---|---|
| 1 | Indie Hackers | indiehackers.com | Idee finden + validieren an echten MRR-Zahlen |
| 2 | Starter Story | starterstory.com | Case Studies: wer hat das schon gebaut, was hat funktioniert |
| 3 | v0 by Vercel | v0.dev | Hero, Pricing, Landing-Page als React-Code generieren |
| 4 | Lovable | lovable.dev | Komplette App im Browser (Frontend + Backend + Deploy) |
| 5 | shadcn/ui | ui.shadcn.com | Component-Foundation zum Copy-Pasten |
| 6 | Magic UI | magicui.design | Animations-Layer (Hero, Buttons, Marquees) |
| 7 | 21st.dev | 21st.dev | Community-Components für KI-Coding-Tools |
Wofür nutze ich welches Tool?
Indie Hackers ist eine Community plus Datenbank realer Bootstrapper-Businesses mit MRR-Zahlen, Founder-Interviews und Failure-Stories. Nutze es zuerst, bevor du irgendwas baust. Hier siehst du, ob deine Idee Quatsch ist oder ob jemand das Problem schon gelöst hat.
Starter Story ist eine Datenbank aus ausführlichen Case Studies mit echten Revenue-Zahlen. Die Plattform selbst spricht von mehr als 2.992 dokumentierten Projekten, die Umsatz machen (Stand: August 2026). Wenn du eine Idee hast, schaust du hier, ob jemand sie schon gebaut hat und was er konkret getan hat, um zu wachsen. Das spart typisch 3 bis 6 Monate Trial-and-Error.
v0 by Vercel ist ein Generative-UI-Tool. Du beschreibst die Komponente, v0 liefert production-ready React-Code mit Tailwind und shadcn/ui. Ideal für Hero-Section, Pricing, Dashboard oder Landing-Page.
Lovable ist ein KI-App-Builder im Browser. Du beschreibst die App auf Deutsch oder Englisch, Lovable baut Frontend plus Backend (mit Supabase) und du deployst mit einem Klick. Für ein komplettes Produkt, nicht nur eine Seite.
shadcn/ui ist eine Component-Library, die du nicht installierst, sondern copy-pastest. Die eigene Doku sagt es unmissverständlich: „This is not a component library. It is how you build your component library." Headless, accessible, mit Tailwind. Foundation für v0, Magic UI und einen Großteil moderner React-Projekte. Du besitzt den Code und kannst ihn editieren.
Magic UI liefert nach eigenen Angaben über 150 kostenlose und quelloffene animierte Komponenten für React, TypeScript, Tailwind und Motion. Das Projekt bezeichnet sich selbst als passenden Begleiter zu shadcn/ui. Nutze es, wenn die Animation der Unterschied ist. Statische Page mit shadcn fühlt sich nach "Bootstrap 2015" an, Magic UI nach "Linear 2026".
21st.dev ist ein Community-Marktplatz für UI-Components, die explizit für KI-Coding-Tools wie Cursor, Claude und v0 optimiert sind. Jede Komponente kommt mit Code, Prompt und Preview. Für die Nischen-Komponenten, die es in shadcn oder Magic UI nicht gibt.
In welcher Reihenfolge nutze ich die Tools?
- 1.Indie Hackers: Idee finden und validieren. Kostet 0 Euro, dauert einen Abend.
- 2.Starter Story: schauen, wer das schon gebaut hat und was funktioniert hat.
- 3.v0.dev: Hero und Landing-Page generieren.
- 4.Lovable: komplette App im Browser bauen (oder lokal mit Claude Code / Cursor).
- 5.shadcn/ui: Component-Foundation für alles, was Lovable nicht direkt liefert.
- 6.Magic UI: Animations-Layer drauf.
- 7.21st.dev: Lücken mit Community-Components füllen.
Dann: Ship. Deployen, Feedback sammeln, iterieren. Schritt 1 und 2 sind die wichtigsten. Fast niemand redet darüber, alle springen direkt auf Schritt 3.
Was ist der Fehler, den 90% machen?
"Ich bau erstmal, dann sehe ich, ob's funktioniert." Falsch. Vibe Coding macht das Bauen so billig, dass Bauen nicht mehr der Engpass ist. Der Engpass ist die richtige Idee. Wenn drei Founder in deiner Nische schon 20k MRR machen, bau einen Twist davon. Wenn keiner irgendwas in deiner Nische macht, frag dich warum. Real Revenue Data schlägt Bauchgefühl.
Was brauche ich NICHT?
- ·Nicht 20 KI-Coding-Tools parallel. Pick ein Browser-Tool (Lovable) und ein Local-Tool (Claude Code oder Cursor). Mehr ist Decision-Fatigue.
- ·Kein eigenes Backend von null. Supabase, Convex oder Firebase reichen für die ersten 1000 User. Absichern musst du sie aber selbst. Der IT-Sicherheitsforscher Christopher Helm hat mit der Zeit eine Stichprobe von 670 Websites im deutschsprachigen Raum untersucht, die Supabase nutzen, und in fast jeder zweiten Datenbank offene Sicherheitslücken gefunden (t3n, 2026). Grund laut Bericht: KI-Agenten übernehmen die Standardkonfiguration oft unkritisch, ohne auf das Risiko hinzuweisen. Also die Zugriffsregeln deiner Tabellen von Hand prüfen, bevor du live gehst.
- ·Kein perfekt animiertes Onboarding. Eine Page, die das Value-Prop in 5 Sekunden klar macht, schlägt jede Animation.
- ·Kein Custom Design-System. shadcn plus Magic UI reichen für die ersten 10 Apps. Custom erst ab dem Punkt, wo die App über 100k MRR macht.
Welche zwei Pro-Tipps helfen sofort?
Brief v0 immer mit Kontext: Brand, Audience, Tone. Generische Prompts kriegen generischen Output. Und wenn dein KI-Coding-Tool eine Komponente "irgendwie komisch" baut, sag explizit "use shadcn/ui patterns". Der Output wird sofort sauberer.