Vibe This!
SCOPE
Problemstellung
- Suche und Ausarbeitung von (digitalen) Produktideen
- Zeitfresser: Initiale Erstellung von Specs
- Frühes Feedback/ Sparring zu Produktideen fehlt oft
- Viele Tools haben Projektmanagement Fokus
- Feintuning von Ideen oft umständlich und zielgruppenspezifisch
- Ideation für (Vibe-) Coder fehlen
Lösungsansatz
- Ideengenerierung und -verwaltung mit KI-Unterstützung
- Specs sollen schnell und einfach erstellt werden können
- Community-Ansatz für kreative Kollaboration + Agent-Feedback
- Workflow für die Ausarbeitung von Ideen im Fokus
- Export von Specs und Todos für Coding-Agents
- Ergebnis: Vibe This (Closed Alpha)
Im Einsatz
- Nuxt 4 / Vue 3
- TypeScript
- Supabase
- LangChain
- Coolify
Ergebnisse
- Läuft: Full-Stack App mit LLM-Integration (deployed)
- Kernfunktionalität erfolgreich umgesetzt
- Ideen, Specs etc. flexibel und schnell generierbar
- Authentifizierung und Profilverwaltung
- Production-Tests und User Feedback
Alpha Version released
VibeThis ist eine Full-Stack Anwendung zur Ideengenerierung und Spezifikation von Software-Projekten. Das Projekt demonstriert moderne “Vibe Coding” Praxis: Entwicklung in direkter Kollaboration zwischen Product Owner und KI-Agenten.
Vibe This (Alpha)
Projekt Eckdaten
| Aspekt | Details |
|---|---|
| Entwicklungszeit | < 3 Wochen (meist abends) |
| KI-Anteil am Code | ~ 80% (primär Cursor) |
| Team | 1 Person (nur ich) |
| Status | Closed Alpha, produktiv |
Kernfunktionalität
- Parametrisierte Ideengenerierung (von 100% RANDOM bis detaillierte Steuerung)
- Generierung einer ‘Kern-Idee’ mit Teaser-Bild und weiteren Metadaten
- Erstellen von detaillierten Spezifikationen für das Projekt
- Erstellung weiterer Assets: Business Case, Wishlist (~ Backlog), Pitch-Deck (Online-Slides)
- AI-Persona Feedback (User, Dev, Product, Design) für Specs or Backlog Item
- Export von Anforderungen und Todos zur Instruktion von Coding-Agents (Markdown, Spec-Kit)
- Öffentliche Benutzerprofile mit Ideen-Portfolio
- Community-Features (Voting, Ideensuche, Forken)
- (Ideen-) Leaderboards (Top Ideas, Top Contributors, Trending)
- Öffentliche Ideen-Links (z.B. via QR-Code teilen)
Proof of Concept
VibeThis beweist, dass halbwegs komplexe Web-Applikationen mit Datenbank, Authentifizierung und LLM-Integration heute von einer einzelnen Person in kürzester Zeit realisiert werden können. Das Projekt dient als realistische Machbarkeitsstudie für 1-Personen-Prototyping im SaaS-Umfeld oder anderen Anwendungsbereichen.
Brauchbarkeit: Inzwischen habe ich verschiedene Ideen, die mit VibeThis generiert / spezifiziert worden sind, auf Basis der so exportierten Specs mit Cursor/Windsurf umgesetzt, um die Brauchbarkeit in der KI-gestützten Entwicklung zu testen. Für mich hat dies hervorragend geklappt und die Umsetzung ging gut vonstatten. Die strukturierte Spezifikation hat die Anlaufzeit deutlich verkürzt und inhaltlich zu guten Resultaten (Apps etc.) geführt.
Screenshots
Vibe This - Ideengenerierung
Vibe This - Parameter Steuerung
Vibe This - Eigene Ideen verwalten
Vibe This - Assets einer Idee
Vibe This - Spec Arbeit und Agent Feedback
Vibe This - Anforderungen editieren
Zum Blog-Artikel: Building Vibe This
Lesen Sie mehr über das Tool, die Herausforderungen mit LLMs, Design-Entscheidungen und technische Learnings.
Zum Blog-Artikel
