Stitch

Le skill react:components transforme les designs Stitch en composants Vite et React modulaires pour le développement frontend. Il s’appuie sur la recherche, des vérifications des fichiers locaux et une validation basée sur l’AST afin de garder la sortie alignée avec les design tokens, les fichiers existants et les contraintes du projet. Utilisez ce guide react:components lorsque vous avez besoin d’un code de composants structuré, pas d’un simple dump JSX ponctuel.

La skill enhance-prompt transforme des idées d’interface floues en prompts plus clairs, prêts pour Stitch, avec une structure plus solide, un vocabulaire UI/UX plus précis et un contexte de design system. Utilisez ce guide enhance-prompt pour rendre vos prompts plus spécifiques, réduire l’approximation et obtenir des résultats plus cohérents pour la rédaction de prompts et la génération d’interface.

La skill design-md analyse les projets Stitch et transforme leurs écrans en une source de vérité sémantique DESIGN.md pour garantir la cohérence de la mise en page, du ton, des couleurs et du langage des composants. Utilisez design-md pour les Design Systems quand vous avez besoin d’indications exploitables pour de futures générations Stitch, et pas seulement d’un aperçu visuel.

stitch-design-taste est un skill Google Stitch pour la mise en œuvre de design systems. Il génère un fichier DESIGN.md clair et exploitable par un agent, avec des consignes pour créer une interface premium et non générique : typographie soignée, palette calibrée, mises en page asymétriques, règles de motion et motifs interdits. À privilégier si vous voulez un guide stitch-design-taste réutilisable plutôt qu’un prompt ponctuel.

stitch-loop est une skill d’automatisation des workflows pour créer des pages avec Stitch dans une boucle itérative de passage de relais. Elle aide les agents à lire `.stitch/next-prompt.md`, générer la page suivante, l’intégrer au site et préparer le prochain transfert avec moins d’hésitation.