moai-design-tools
✓Spécialiste de l'intégration d'outils de conception couvrant Figma MCP, le moteur de rendu Pencil et l'exportation Pencil-to-code. À utiliser pour récupérer le contexte de conception à partir de Figma, restituer les codes Pencil DNA dans des cadres .pen, exporter des conceptions .pen vers le code React/Tailwind ou choisir des flux de travail de conception à code. Prend en charge la récupération de conception (Figma), le rendu visuel (Pencil MCP) et la génération de code (React/Tailwind).
Installation
SKILL.md
Comprehensive design-to-code workflow guidance covering three major capabilities: Figma MCP (design fetching), Pencil MCP (visual rendering), and Pencil-to-code export (React/Tailwind generation).
Figma integration for fetching design context, metadata, and screenshots from Figma files.
Best For: Fetching design tokens, component specifications, layout information, and style guides from existing Figma files. Extracting design system values and understanding design structure.
Spécialiste de l'intégration d'outils de conception couvrant Figma MCP, le moteur de rendu Pencil et l'exportation Pencil-to-code. À utiliser pour récupérer le contexte de conception à partir de Figma, restituer les codes Pencil DNA dans des cadres .pen, exporter des conceptions .pen vers le code React/Tailwind ou choisir des flux de travail de conception à code. Prend en charge la récupération de conception (Figma), le rendu visuel (Pencil MCP) et la génération de code (React/Tailwind). Source : modu-ai/moai-adk.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/modu-ai/moai-adk --skill moai-design-tools- Source
- modu-ai/moai-adk
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-17
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que moai-design-tools ?
Spécialiste de l'intégration d'outils de conception couvrant Figma MCP, le moteur de rendu Pencil et l'exportation Pencil-to-code. À utiliser pour récupérer le contexte de conception à partir de Figma, restituer les codes Pencil DNA dans des cadres .pen, exporter des conceptions .pen vers le code React/Tailwind ou choisir des flux de travail de conception à code. Prend en charge la récupération de conception (Figma), le rendu visuel (Pencil MCP) et la génération de code (React/Tailwind). Source : modu-ai/moai-adk.
Comment installer moai-design-tools ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/modu-ai/moai-adk --skill moai-design-tools Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/modu-ai/moai-adk
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-17