Was macht figma-create-design-system-rules?
Erstelle projektspezifische Designsystem-Regeln für Figma-to-Code-Workflows
Erstelle projektspezifische Designsystem-Regeln für Figma-to-Code-Workflows
Dieser Skill ermöglicht es KI-gestützten Entwicklungswerkzeugen (wie Claude Code oder Cursor), auf Basis einer Figma-Design-Datei projektspezifische Designsystem-Regeln zu generieren. Er analysiert Komponenten, Stile und Variablen aus Figma und erstellt daraus eine konsistente Regelsammlung, die sicherstellt, dass generierter Code und visuelles Design perfekt übereinstimmen. Der Skill unterstützt Entwickler dabei, manuelle Übersetzungsfehler zu vermeiden und die Design-Entwicklung zu beschleunigen. Nachdem die Regeln generiert wurden, können sie direkt im Entwicklungsprozess für konsistente Komponentenimplementierungen verwendet werden.
npx skills add figma/figma-create-design-system-rulesErstelle projektspezifische Designsystem-Regeln für Figma-to-Code-Workflows
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".