Was macht figma-skills?
Figma → Code-Workflow-Fähigkeiten für Claude Code: analysieren, prüfen, implementieren, umgestalten
Figma → Code-Workflow-Fähigkeiten für Claude Code: analysieren, prüfen, implementieren, umgestalten
Diese Skill-Sammlung für Claude Code erweitert die Fähigkeiten des KI-Assistenten um einen durchgängigen Workflow von Figma-Designs zu produktionsreifem Code. Sie ermöglicht es, Figma-Komponenten und -Designs automatisch zu analysieren, auf Konsistenz und Einhaltung von Designsystemen zu prüfen, basierend auf Designvorgaben Code zu implementieren und bestehenden Code basierend auf aktualisierten Figma-Dateien umzugestalten. Der Workflow ist speziell für Entwickler konzipiert, die mit Claude Code arbeiten und ihren Prozess von der Designabnahme bis zur Code-Implementierung beschleunigen möchten. Die Skills unterstützen gängige Frontend-Frameworks und generieren Komponenten-Code, der die Design-Intentionen exakt widerspiegelt, inklusive Props, Styling und responsiver Anpassungen. Durch die enge Verknüpfung von Design und Code reduziert sie manuelle Übertragungsfehler und beschleunigt die Entwicklungsgeschwindigkeit erheblich.
npx skills add volume-02/figma-skillsFigma → Code-Workflow-Fähigkeiten für Claude Code: analysieren, prüfen, implementieren, umgestalten
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".