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-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.