O que website-design-systems-mcp faz?
🎨 Extraia sistemas de design completos de sites e gere arquivos skill.md prontos para IA para replicar elementos de design exatos de forma eficiente.
🎨 Extraia sistemas de design completos de sites e gere arquivos skill.md prontos para IA para replicar elementos de design exatos de forma eficiente.
Esta skill permite que agentes de IA, como o Claude Code, Cursor ou Codex, analisem um site e extraiam todo o seu sistema de design — incluindo paleta de cores, tipografia, espaçamentos, componentes de UI e tokens de design — gerando automaticamente um arquivo markdown (skill.md) estruturado e otimizado para ser consumido por outros agentes. É especialmente útil para desenvolvedores e designers que desejam replicar a aparência e o comportamento de um site existente em novos projetos, sem retrabalho manual. A skill funciona como um MCP (Model Context Protocol), acessando o DOM e os estilos computados do site alvo, organizando as informações em seções como cores, fontes, breakpoints e componentes reutilizáveis, e gerando um skill.md que pode ser diretamente utilizado por ferramentas de IA para aplicar o mesmo sistema de design em novos contextos.
npx skills add BobiTenta/website-design-systems-mcp🎨 Extraia sistemas de design completos de sites e gere arquivos skill.md prontos para IA para replicar elementos de design exatos de forma eficiente.
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".