O que website-design-systems-mcp faz?
Extraia sistemas de design completos de qualquer site e gere arquivos skill.md prontos para IA.
Extraia sistemas de design completos de qualquer site e gere arquivos skill.md prontos para IA.
Esta skill MCP (Model Context Protocol) permite que agentes de IA como Claude, Cursor ou Codex extraiam automaticamente sistemas de design de qualquer site, coletando tokens de UI, paletas de cores, tipografia, componentes, padrões de layout, espaçamentos e estilos CSS. Ela gera um arquivo skill.md padronizado e pronto para uso, documentando todo o sistema de design descoberto. Isso é extremamente útil para desenvolvedores e designers que desejam replicar ou analisar a identidade visual de um site, facilitando a criação de novos projetos ou a migração de estilos. A skill funciona como uma ferramenta de engenharia reversa de design, suportando qualquer URL pública e produzindo saída em markdown estruturado que pode ser consumido por agentes de IA para entender e reaplicar os padrões de design extraídos.
npx skills add Kargatharaakash/website-design-systems-mcpExtraia sistemas de design completos de qualquer site e gere arquivos skill.md prontos para IA.
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".