VibePages
No-Code Website Builder fuer KMU: Nutzer beschreibt die Seite im Chat, Claude AI generiert Komponenten live. Drag und Drop nur zur Feinjustierung.
Auf einen Blick
Rolle
Founder, Eigenentwicklung
Zeitraum
2025
Kategorie
SaaS
Status
In Entwicklung
Tech Stack
Kontext
Aus der Agenturarbeit: KMU-Inhaber wissen was sie wollen, koennen es aber nicht technisch formulieren. VibePages macht natuerliche Sprache zur Bauspezifikation.
Problem
Webflow und Framer sind maechtig, aber fuer Inhaber ohne Design-Vokabular unzugaenglich.
Template-Baukaeaten sind zu starr. Das Ergebnis sieht immer nach Template aus.
Prozess
Kern-Hypothese
Mit einem guten Chat-Interface brauchen 80 Prozent der Nutzer den Drag-Drop-Editor kaum. Das Chat-Gespraech ist das eigentliche UI.
Stack-Entscheidung
Next.js 15, React 19, Supabase fuer Auth und Storage, Stripe fuer Billing. Klare Grenzen zwischen Frontend und Datenhaltung von Tag 1.
Session 1 — Foundation
Supabase-Schema, Auth-Flow, Dashboard-Layout. Erst wenn diese Basis steht beginnt die AI-Integration.
Schlüsselentscheidungen
Claude API als Generator
Claude produziert konsistenteren Code fuer Frontend-Komponenten. Tool-Use und Prompt-Caching machen die API fuer diesen Use Case effizienter als Alternativen.
Supabase statt eigene Datenbank
Auth, Storage und Realtime out of the box. Time-to-Market ist bei SaaS-Projekten kritisch.
Kennzahlen
Next.js 15
Stack
Claude API
AI
Session 1
Phase
Learnings
- 01
Das Schwierigste an AI-generierten UIs ist Konsistenz innerhalb eines Design-Systems das der Nutzer nie explizit definiert hat.
Nächste Schritte
- Auth + Dashboard abschliessen
- Chat-Interface Prototype
- Component-Generation testen