de vapor-ui35
Assistant conscient du design system pour Vapor UI : documentation des composants, recherche d'icônes, génération de maquettes et conversion Figma-vers-code produisant du code Vapor UI React prêt pour la production
Le skill Vapor UI Design System permet à l'agent de répondre à des questions au niveau des composants, de générer des maquettes UI et de convertir des designs Figma en code Vapor UI React prêt pour la production. Il expose des scripts pour détecter les versions de la bibliothèque, lister les composants, récupérer les props/exemples de composants et mapper l'auto-layout et les design tokens de Figma vers des primitives Vapor UI afin que l'agent puisse produire du JSX copiable. Les cas d'utilisation incluent la réponse aux requêtes "comment utiliser", la génération de maquettes à partir d'un brief et la transformation de frames Figma en code componentisé et tokenisé.
Invoquez ce skill lorsqu'un utilisateur pose des questions sur les composants Vapor UI (ex. "Button", "Input", "Modal"), demande la recherche d'une icône, demande la génération d'une maquette, ou fournit une URL Figma et demande de convertir les designs en code. Utilisez-le également lorsque l'utilisateur spécifie une version de Vapor UI, ou lorsqu'une auto-détection de la base de code est nécessaire pour choisir le comportement du composant.
scripts/).references/).Idéalement utilisé par des agents assistants capables de coder (modèles de type Copilot/Codex/Claude Code/Gemini) pouvant exécuter de petits scripts node ou appeler des outils MCP pour récupérer des arbres de nœuds Figma.
Vapor UI est une compétence de système de design pour la bibliothèque de composants React goorm-dev/vapor-ui. Elle fournit 5 scripts Node.js pour la détection de version, la liste des composants, les infos composants, les exemples et la recherche d'icônes, plus des instructions de conversion Figma-to-code. Les scripts ont été ignorés par l'exécuteur en raison de l'extension .mjs. L'analyse statique montre un code bien structuré et sécurisé sans modèles malveillants. La construction d'URL via template literal à partir d'arguments CLI est la seule préoccupation mineure.
node (required for .mjs scripts)Compétence propre ciblant la bibliothèque de composants Vapor UI (goorm-dev). Bonne séparation des préoccupations à travers 5 scripts ciblés. L'extension .mjs est standard pour Node.js ESM mais l'exécuteur d'audit ne gère que .py/.sh — ce n'est pas un problème de qualité de compétence. L'intégration Figma MCP est une touche agréable pour le flux de travail design-to-code.
