Communitygithub.com

0xmhha/claude-design-skill

Habilidade de design para Claude Code — prototipagem de alta fidelidade, edições precisas orientadas pelo Figma MCP, ilustrações com Codex / gpt-image-2, e gates de cadeia de suprimentos. Reescrita limpa sob Apache-2.0.

O que é claude-design-skill?

A habilidade de design 0xmhha/claude-design-skill capacita o Claude Code com funcionalidades avançadas de design de interface de usuário. Ela permite prototipagem de alta fidelidade, edições precisas em designs do Figma usando o protocolo MCP (Model Context Protocol) e a criação de ilustrações vetoriais e imagens realistas através dos modelos Codex e gpt-image-2. Esta ferramenta é particularmente útil para desenvolvedores e designers que desejam integrar fluxos de trabalho de design diretamente no ambiente de linha de comando do Claude, eliminando a necessidade de alternar entre ferramentas separadas. Além disso, a skill inclui 'gates de cadeia de suprimentos', que são mecanismos de verificação e aprovação para garantir que ativos de design sejam revisados e aprovados antes de serem integrados a um projeto, promovendo consistência e qualidade. A skill é distribuída sob a licença Apache-2.0, como uma reescrita limpa, garantindo uso livre e modificação. Ela é compatível com o Claude Code e, por extensão, com plataformas que suportam o ecossistema MCP, como Cursor e Codex.

Funciona com✓Claude Code✓Codex CLI~Cursor
npx skills add 0xmhha/claude-design-skill

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que claude-design-skill faz?

Habilidade de design para Claude Code — prototipagem de alta fidelidade, edições precisas orientadas pelo Figma MCP, ilustrações com Codex / gpt-image-2, e gates de cadeia de suprimentos. Reescrita limpa sob Apache-2.0.

Habilidades Relacionadas