🔧 Pipeline de Design para Código com IA 2026: do Figma ao React em um Fluxo de Trabalho Paralelo de 6 Fases
Esta skill implementa um pipeline avançado de Design-to-Code, transformando designs do Figma em componentes React prontos para produção. Utilizando um fluxo de trabalho paralelo de 6 fases, ela extrai automaticamente tokens de design, gera componentes estilizados com CSS-in-JS, otimiza a semântica JSX e cria arquivos de storybook. É ideal para equipes de front-end que desejam acelerar o desenvolvimento e manter a consistência visual entre design e código. Suportada por ferramentas MCP como Figma MCP Server e BrowserTools, a skill coordena agentes especializados em cada fase, garantindo alta precisão na conversão dos layouts e na geração de código modular e responsivo.
npx skills add giovannisacca/pixel-mcp-workflow🔧 Pipeline de Design para Código com IA 2026: do Figma ao React em um Fluxo de Trabalho Paralelo de 6 Fases
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".