moai-design-tools
✓Spezialist für Design-Tool-Integration für Figma MCP, Pencil-Renderer und Pencil-to-Code-Export. Verwenden Sie diese Option, wenn Sie Designkontext aus Figma abrufen, Pencil-DNA-Codes in .pen-Frames rendern, .pen-Designs in React/Tailwind-Code exportieren oder Design-to-Code-Workflows auswählen. Unterstützt das Abrufen von Designs (Figma), das visuelle Rendering (Pencil MCP) und die Codegenerierung (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.
Spezialist für Design-Tool-Integration für Figma MCP, Pencil-Renderer und Pencil-to-Code-Export. Verwenden Sie diese Option, wenn Sie Designkontext aus Figma abrufen, Pencil-DNA-Codes in .pen-Frames rendern, .pen-Designs in React/Tailwind-Code exportieren oder Design-to-Code-Workflows auswählen. Unterstützt das Abrufen von Designs (Figma), das visuelle Rendering (Pencil MCP) und die Codegenerierung (React/Tailwind). Quelle: modu-ai/moai-adk.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/modu-ai/moai-adk --skill moai-design-tools- Quelle
- modu-ai/moai-adk
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-17
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist moai-design-tools?
Spezialist für Design-Tool-Integration für Figma MCP, Pencil-Renderer und Pencil-to-Code-Export. Verwenden Sie diese Option, wenn Sie Designkontext aus Figma abrufen, Pencil-DNA-Codes in .pen-Frames rendern, .pen-Designs in React/Tailwind-Code exportieren oder Design-to-Code-Workflows auswählen. Unterstützt das Abrufen von Designs (Figma), das visuelle Rendering (Pencil MCP) und die Codegenerierung (React/Tailwind). Quelle: modu-ai/moai-adk.
Wie installiere ich moai-design-tools?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/modu-ai/moai-adk --skill moai-design-tools Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/modu-ai/moai-adk
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-17