O que figma-skills faz?
Habilidades de fluxo de trabalho Figma → código para Claude Code: analisar, auditar, implementar, refatorar
Habilidades de fluxo de trabalho Figma → código para Claude Code: analisar, auditar, implementar, refatorar
Este conjunto de habilidades capacita o Claude Code a interagir diretamente com designs do Figma, transformando-os em código funcional. Ele oferece quatro operações principais: análise de componentes e layouts, auditoria de consistência visual, implementação de designs em código (HTML/CSS/React etc.) e refatoração de código existente para alinhar com as especificações do Figma. A habilidade é útil para desenvolvedores que desejam acelerar a tradução de designs para a implementação, garantindo fidelidade visual e reduzindo retrabalho. Ela funciona extraindo metadados e estilos do Figma via API, permitindo que o Claude entenda a hierarquia, as cores, os tamanhos e os espaçamentos do design e os aplique diretamente no código do projeto. É compatível com as plataformas Claude Code e pode ser estendida para outros agentes de IA que suportem ferramentas de integração com API.
npx skills add volume-02/figma-skillsHabilidades de fluxo de trabalho Figma → código para Claude Code: analisar, auditar, implementar, refatorar
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".