moai-design-tools
✓Especialista en integración de herramientas de diseño que cubre Figma MCP, renderizador de lápiz y exportación de lápiz a código. Úselo cuando obtenga contexto de diseño de Figma, represente códigos de Pencil DNA en marcos .pen, exporte diseños .pen a código React/Tailwind o elija flujos de trabajo de diseño a código. Admite la recuperación de diseño (Figma), la representación visual (Pencil MCP) y la generación de código (React/Tailwind).
Instalación
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.
Especialista en integración de herramientas de diseño que cubre Figma MCP, renderizador de lápiz y exportación de lápiz a código. Úselo cuando obtenga contexto de diseño de Figma, represente códigos de Pencil DNA en marcos .pen, exporte diseños .pen a código React/Tailwind o elija flujos de trabajo de diseño a código. Admite la recuperación de diseño (Figma), la representación visual (Pencil MCP) y la generación de código (React/Tailwind). Fuente: modu-ai/moai-adk.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/modu-ai/moai-adk --skill moai-design-tools- Fuente
- modu-ai/moai-adk
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-17
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es moai-design-tools?
Especialista en integración de herramientas de diseño que cubre Figma MCP, renderizador de lápiz y exportación de lápiz a código. Úselo cuando obtenga contexto de diseño de Figma, represente códigos de Pencil DNA en marcos .pen, exporte diseños .pen a código React/Tailwind o elija flujos de trabajo de diseño a código. Admite la recuperación de diseño (Figma), la representación visual (Pencil MCP) y la generación de código (React/Tailwind). Fuente: modu-ai/moai-adk.
¿Cómo instalo moai-design-tools?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/modu-ai/moai-adk --skill moai-design-tools Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/modu-ai/moai-adk
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-17