Extraia o sistema de design completo de qualquer site com um único comando. Tokens DTCG, semânticos+primitivos+compostos, servidor MCP para Claude Code/Cursor/Windsurf, emissores multi-plataforma (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, variáveis Figma, shadcn/ui, auditoria de saúde CSS, remediação WCAG, extensão Chrome. MIT, Playwright, Node 20+.
Esta skill capacita agentes de IA, como Claude Code, Cursor e Windsurf, a extrair e documentar o sistema de design completo de qualquer site em segundos, tudo com um único comando. Ela gera tokens de design padronizados DTCG (Design Tokens Community Group), organizados em camadas primitivas, semânticas e compostas, fornecendo uma base sólida para consistência de design. Além da extração, a skill oferece um servidor MCP (Model Context Protocol) que permite que os agentes interajam com o sistema de design extraído, e emissores que convertem os tokens para plataformas alvo como iOS SwiftUI, Android Compose, Flutter, WordPress, Tailwind v4, variáveis Figma e shadcn/ui. Inclui também uma auditoria de saúde CSS e recomendações de remediação WCAG para acessibilidade, bem como uma extensão Chrome para coleta de dados. Construída com Node.js 20+ e Playwright, é ideal para equipes que buscam acelerar a adoção de design systems, garantir consistência entre plataformas e melhorar a qualidade do código frontend.
npx skills add Manavarya09/design-extractExtraia o sistema de design completo de qualquer site com um único comando. Tokens DTCG, semânticos+primitivos+compostos, servidor MCP para Claude Code/Cursor/Windsurf, emissores multi-plataforma (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, variáveis Figma, shadcn/ui, auditoria de saúde CSS, remediação WCAG, extensão Chrome. MIT, Playwright, Node 20+.
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".