Communitygithub.com

minsu42/claude-skill-design-md

Habilidade do Claude Code que gera automaticamente DESIGN.md a partir de capturas de tela seguindo a especificação google-labs-code/design.md

O que é claude-skill-design-md?

Esta habilidade para Claude Code permite que desenvolvedores gerem automaticamente um arquivo DESIGN.md a partir de capturas de tela de interfaces de usuário. Seguindo a especificação do google-labs-code/design.md, ela extrai e estrutura informações visuais em um documento de design padronizado, útil para documentar protótipos, wireframes ou designs finais. A habilidade facilita a criação rápida de documentação de design diretamente do terminal, integrando análise visual com o fluxo de trabalho do Claude Code. Ideal para equipes que desejam manter consistência entre implementação e especificações de design, ela suporta a geração automática de seções como visão geral, layout, componentes e fluxos de interação.

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

Perguntar na sua IA favorita

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

Documentação

O que claude-skill-design-md faz?

Habilidade do Claude Code que gera automaticamente DESIGN.md a partir de capturas de tela seguindo a especificação google-labs-code/design.md

Fonte: https://github.com/minsu42/claude-skill-design-md

Descoberta pelo caçador diário de habilidades do Awesome Skills.

Habilidades Relacionadas