·product-design
*

product-design

alekspetrov/navigator

Automatisiert die Entwurfsprüfung, Token-Extraktion, Komponentenzuordnung und Implementierungsplanung. Reduziert die Designübergabe von 6–10 Stunden auf 5 Minuten durch direkte Figma MCP-Integration. Automatischer Aufruf, wenn der Benutzer eine Designüberprüfung, ein Figma-Mockup oder eine Designübergabe erwähnt.

7Installationen·0Trend·@alekspetrov

Installation

$npx skills add https://github.com/alekspetrov/navigator --skill product-design

SKILL.md

Automate design handoff from Figma to code with design system intelligence. Extract tokens, map components, detect drift, generate implementation plans.

New Architecture (v1.1.0+): Python directly connects to Figma MCP - no manual orchestration!

Output: Figma component → code component mappings with confidence scores

Automatisiert die Entwurfsprüfung, Token-Extraktion, Komponentenzuordnung und Implementierungsplanung. Reduziert die Designübergabe von 6–10 Stunden auf 5 Minuten durch direkte Figma MCP-Integration. Automatischer Aufruf, wenn der Benutzer eine Designüberprüfung, ein Figma-Mockup oder eine Designübergabe erwähnt. Quelle: alekspetrov/navigator.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/alekspetrov/navigator --skill product-design
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist product-design?

Automatisiert die Entwurfsprüfung, Token-Extraktion, Komponentenzuordnung und Implementierungsplanung. Reduziert die Designübergabe von 6–10 Stunden auf 5 Minuten durch direkte Figma MCP-Integration. Automatischer Aufruf, wenn der Benutzer eine Designüberprüfung, ein Figma-Mockup oder eine Designübergabe erwähnt. Quelle: alekspetrov/navigator.

Wie installiere ich product-design?

Ö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/alekspetrov/navigator --skill product-design 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/alekspetrov/navigator