enhance-prompt

Par google-labs-code · stitch-skills

Skill fonctionnel du repo stitch-skills qui transforme des idées UI vagues en prompts structurés et optimisés pour le générateur d'interface Stitch de Google.

npx skills add https://github.com/google-labs-code/stitch-skills --skill enhance-prompt

enhance-prompt : optimisation de prompts pour Stitch

Ce skill fait partie de la bibliothèque stitch-skills (google-labs-code), une collection de skills conçus pour fonctionner avec le serveur MCP Stitch et les agents de code compatibles (Claude Code, Gemini CLI, Cursor, Antigravity). Son rôle est précis : prendre une idée UI imprécise ou un prompt brut, et le transformer en un prompt structuré, riche en mots-clés UI/UX, prêt à produire de meilleurs résultats dans Stitch.

Ce que fait ce skill

Le SKILL.md définit un pipeline d'amélioration en quatre étapes : évaluation du prompt initial (détection des éléments manquants comme la plateforme, le type de page, le style visuel), consultation d'un éventuel fichier DESIGN.md pour injecter le contexte du système de design existant, application d'enrichissements (remplacement de termes vagues par des noms de composants précis, ajout de descripteurs d'ambiance, structuration en sections numérotées, formatage des couleurs en hexadécimal), et enfin mise en forme de la sortie selon un gabarit standardisé reconnu par Stitch.

Le skill couvre deux cas d'usage principaux : la transformation d'une description vague (ex. « fais-moi une page de login ») en prompt complet avec structure de page et système de design, et l'amélioration ciblée pour des demandes d'édition (ex. « ajoute une barre de recherche ») avec des instructions de modification précises et contextualisées.

Intégration dans l'écosystème stitch-skills

Ce skill s'articule avec d'autres skills du repo : il peut lire un fichier DESIGN.md généré par le skill design-md, et produire un fichier next-prompt.md utilisable par le skill stitch-loop. Il est également mentionné comme composante du skill stitch-design, qui sert de point d'entrée unifié pour les workflows de design Stitch.

Installation

Le skill s'installe via la CLI skills en ciblant ce repo :

npx skills add google-labs-code/stitch-skills --skill enhance-prompt --global

Une fois installé, l'agent de code actif peut invoquer ses instructions pour enrichir n'importe quel prompt UI avant de le soumettre à Stitch.

Skills similaires