Zurück zu Fähigkeiten

moai-mcp-figma

modu-ai
Aktualisiert 28 days ago
52 Ansichten
424
78
424
Auf GitHub ansehen
Anderemcpfigmadesign-systemdesign-tokenscomponents

Über

Diese Claude Skill bietet eine MCP-basierte Figma-Integration zum Extrahieren von Design-Systemen, Generieren von Code-Komponenten und Synchronisieren von Design-Tokens. Sie ermöglicht Design-to-Code-Workflows, indem Figma-Dateien, Auto-Layouts und Assets in entwicklungsfertigen Code für Frameworks wie React und Vue umgewandelt werden. Nutzen Sie sie, wenn Sie Figma-Designs in Ihren Entwicklungsprozess integrieren möchten, um die Komponentengenerierung zu automatisieren und die Design-Konsistenz zu wahren.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add modu-ai/moai-adk -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/modu-ai/moai-adk
Git CloneAlternativ
git clone https://github.com/modu-ai/moai-adk.git ~/.claude/skills/moai-mcp-figma

Kopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren

GitHub Repository

modu-ai/moai-adk
Pfad: .claude/skills/moai-mcp-figma
0
agentic-aiagentic-codingagentic-workflowclaudeclaudecodevibe-coding

Verwandte Skills

moai-ai-nano-banana

Andere

Dieses Claude Skill integriert Nano-Banana KI-Dienste für KI-gestützte Inhalts- und Bildgenerierung in Entwickler-Workflows. Es bietet Funktionen für Textverarbeitung, Codegenerierung und multimodale KI-Operationen. Nutzen Sie es, wenn Sie Inhaltserstellung und Bildgenerierung direkt in Ihre Entwicklungsumgebung einbinden müssen.

Skill ansehen

moai-ai-nano-banana

Andere

Dieses Claude Skill bietet eine Integration mit Nano-Banana KI-Diensten für Inhaltsgenerierung, Bildkreation und Textanalyse-Workflows. Es ermöglicht Entwicklern, KI-gestützte Inhaltsgenerierung, Bildbearbeitung und multimodale Operationen in ihre Anwendungen einzubinden. Nutzen Sie dieses Skill, wenn Sie KI-Dienstleistungen für automatisierte Inhaltserstellung in Ihren Projekten hinzufügen möchten.

Skill ansehen

moai-mcp-figma

Andere

Dieses Claude Skill integriert Figma-Designs in Entwicklungs-Workflows durch MCP-Server-Konnektivität. Es extrahiert Design-Systeme, synchronisiert Design-Tokens und generiert frameworkspezifische Komponenten aus Figma-Dateien. Nutzen Sie es, wenn Sie Figma-Designs in Code umwandeln oder Design-Systeme in Ihr Projekt integrieren möchten.

Skill ansehen

moai-mcp-notion

Andere

Dieses MCP-Skill bietet Notion-Workspace-Integration für Entwickler und ermöglicht Datenbankoperationen, Seitenverwaltung und automatische Wissensextraktion. Es ist für die Automatisierung von Dokumentations-Workflows und die Verwaltung von Notion-Inhalten durch Claude Code konzipiert. Zu den Kernfunktionen gehören das Abfragen/Aktualisieren von Datenbanken, das Erstellen von Seiten und das Strukturieren extrahierter Informationen.

Skill ansehen