O que extract-design-system faz?
Extraia primitivas de design de um site público e gere arquivos de token iniciais para o seu projeto.
Extraia primitivas de design de um site público e gere arquivos de token iniciais para o seu projeto.
Esta skill permite que um agente de IA extraia primitivas de design (como cores, tipografia, espaçamentos, etc.) de um site público e gere automaticamente arquivos de token de design iniciais. É útil para desenvolvedores que desejam criar um sistema de design ou reutilizar elementos visuais de um site existente, acelerando o início de novos projetos. A skill suporta plataformas como Claude Code e Cursor. O processo envolve acessar a URL fornecida, analisar o CSS e os estilos renderizados, identificar padrões primitivos e, em seguida, gerar arquivos de token formatados (por exemplo, no formato Style Dictionary ou Tailwind CSS).
npx skills add https://github.com/arvindrk/extract-design-system/tree/main/skills/extract-design-systemExtraia primitivas de design de um site público e gere arquivos de token iniciais para o seu projeto.
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".