Stitch

Das Skill react:components wandelt Stitch-Designs in modulare Vite- und React-Komponenten für die Frontend-Entwicklung um. Es nutzt Retrieval, lokale Dateiprüfungen und AST-basierte Validierung, damit die Ausgabe zu Design Tokens, vorhandenen Dateien und Projektvorgaben passt. Verwenden Sie diesen react:components-Guide, wenn Sie strukturierten Komponenten-Code brauchen und keinen einmaligen JSX-Dump.

Die enhance-prompt Skill verwandelt vage UI-Ideen in klarere, Stitch-taugliche Prompts mit stärkerer Struktur, UI/UX-Vokabular und Design-System-Kontext. Nutze diesen enhance-prompt-Leitfaden, um Prompts präziser zu machen, Rätselraten zu reduzieren und konsistentere Ergebnisse beim Prompting und bei der UI-Generierung zu erzielen.

Die design-md-Skill analysiert Stitch-Projekte und macht aus ihren Screens eine semantische DESIGN.md als Single Source of Truth für konsistentes Layout, konsistenten Ton, Farben und die Komponentensprache. Verwende design-md für Design Systems, wenn du promptbare Orientierung für künftige Stitch-Generierungen brauchst – nicht nur eine visuelle Zusammenfassung.

stitch-loop ist ein Skill für Workflow-Automation, mit dem sich Seiten in Stitch in einem iterativen Baton-Übergabe-Loop erstellen lassen. Er hilft Agents dabei, `.stitch/next-prompt.md` zu lesen, die nächste Seite zu generieren, sie in die Site zu integrieren und die nächste Übergabe mit weniger Rätselraten vorzubereiten.