In den eigenen Worten des Skills
Dieser Skill verwandelt grobe UI-Ideen in Prompts, die auf die Stitch-Generierung zugeschnitten sind. Als Stitch Prompt Engineer prüft er die Eingabe auf fehlende Angaben zu Plattform, Seitentyp, Struktur, visuellem Stil, Farben und Komponenten, formt vage Formulierungen zu konkreten Komponentennamen um, verstärkt Stimmungsadjektive, gruppiert Inhalte in nummerierte Abschnitte und formatiert jede Farbe als Name, Hex-Code und funktionale Rolle.
Wenn das Projekt eine DESIGN.md besitzt, werden Palette, Typografie und Komponentenstile in einen DESIGN SYSTEM (REQUIRED)-Block übernommen; wenn nicht, verweist ein Hinweis auf den design-md-Skill. Die Ausgabe ist standardmäßig kopierbarer Text oder eine Datei wie next-prompt.md für stitch-loop.
Was er erzeugt
- Ein erweiterter Prompt, der mit einer einzeiligen Beschreibung von Seitenzweck und Stimmung beginnt, gefolgt vom Design-System-Block und der nummerierten Seitenstruktur.
- Eine optionale next-prompt.md-Datei, geschrieben für die Verwendung mit dem stitch-loop-Skill.
- Eine optionale Datei mit einem vom Nutzer gewählten benutzerdefinierten Namen.
So funktioniert es
- 01Die Rohdaten prüfen
Der Skill prüft den Prompt des Nutzers anhand von sechs Elementen: Plattform, Seitentyp, Struktur, visueller Stil, Farben und Komponenten.
- 02Das Design System einbeziehen
Er sucht im aktuellen Projekt nach einer DESIGN.md und liest den Design-System-Block aus, sodass Palette, Typografie und Komponentenstile im neuen Prompt wiederverwendet werden können.
- 03Die Verbesserungstechniken anwenden
Vage Begriffe werden zu benannten Komponenten, Adjektive werden zu einer Stimmung verstärkt, Inhalte werden in nummerierte Abschnitte gegliedert, und Farben werden mit einem beschreibenden Namen, Hex-Wert und einer Rolle angegeben.
- 04Die Ausgabe in fester Reihenfolge formatieren
Das Ergebnis beginnt mit einer einzeiligen Beschreibung von Seitenzweck und Stimmung, gefolgt von einem DESIGN SYSTEM (REQUIRED)-Block und dann einer nummerierten Page Structure.