v0, Lovable und Bolt: Prompts ohne Dateisystem

Diese Tools bauen aus einem Chat-Fenster heraus, und du fasst die Dateien selten an. Das ändert, wie ein brauchbarer Prompt aussieht: Alles muss in der Nachricht stehen, und die Nachricht muss gegen den Haus-Stil des Tools ankommen.

Das Haus-Stil-Problem

v0 greift standardmäßig zu shadcn-Komponenten und Tailwind. Lovable neigt zu einem runden, weichen, verlaufsschweren Look. Bolt landet irgendwo dazwischen. Keins davon ist falsch, aber fügst du einen Neo-Brutalismus-Card-Prompt ein, ohne "nicht der Standard-Look" zu sagen, bekommst du eine Neo-Brutalismus-Card mit 12px Radius und weichem Schatten, was keins von beidem ist.

Deshalb beginnt der kopierte Prompt für diese Tools mit einer Zeile, die sagt: reines CSS für diese Regeln, keine Tailwind-Utilities, exakte Werte behalten. Das hilft. Es gewinnt nicht immer. Driftet das Ergebnis ab, antworte mit dem einen Wert, der falsch ist ("the radius should be 0, not 12px"), statt alles neu einzufügen.

Den Look für eine ganze App setzen

Alle drei lassen dich das Projekt vor der ersten Generierung beschreiben. Diese erste Nachricht ist der Moment für einen Stil-Prompt. Setz ihn hinter deine Beschreibung, was die App tut, und vor jede Feature-Liste. Lovable hat außerdem ein Knowledge- oder Custom-Instructions-Feld in den Projekteinstellungen; der Stil-Prompt gehört auch dorthin, weil der Chat-Verlauf zusammengefasst wird und Einstellungen nicht.

Snippets in einem komponentenbasierten Tool

Besonders v0 will eine Komponente, keine Klasse. Kopiere den Prompt und sag dann "make this a Button variant named glow that accepts the same props as the default button". Es behält die Werte aus dem Prompt und gibt dir etwas Wiederverwendbares. Bei Lovable bittest du um das CSS in index.css und die Klasse in der Komponente; so bleibt es später editierbar.

Neu in CSS

Diese Tools sind bei neuem CSS vorsichtig, weil ihre Previews in einem sandboxed iframe laufen, der eine Browser-Version hinterherhinken kann. Die Neu in CSS-Prompts enthalten aus diesem Grund die Fallback-Zeile. Zeigt die Preview ein Feature nicht, aber unter der deployten URL funktioniert es, liegt es an der Sandbox, nicht an deinem Code.

Markdown-Links

Keins der drei lädt URLs zuverlässig aus dem Chat, also nimm die Zwischenablage. Soll das Tool viele Snippets auf einmal sehen, füge den passenden Abschnitt aus llms.txt als Kontext ein; er ist reiner Text und kurz.