Communitygithub.com

jaehoonkim-x/claude-design-skills

10 tipos de revisão de design Claude Code + 1 tipo de anotação Pencil/Figma (revisão em markdown coreano + anexo automático ao canvas)

O que é claude-design-skills?

Este skill permite que o Claude Code execute revisões de design em 10 variações diferentes e gere anotações automáticas no estilo Pencil ou Figma. Ele é ideal para designers, desenvolvedores e gerentes de produto que trabalham com protótipos visuais e precisam de feedback técnico estruturado. O skill suporta a saída em markdown coreano, com formatação limpa para leitura em canvas (como o do Claude ou Miro). A principal utilidade é automatizar a revisão de consistência visual, alinhamento de componentes e boas práticas de design, acelerando o ciclo de feedback. Ele funciona gerando uma análise textual detalhada e, em paralelo, cria anotações visuais que podem ser sobrepostas ao design original, integrando-se a ferramentas como Figma e Pencil. O processo é baseado em prompts de avaliação de design pré-definidos, cobrindo aspectos como hierarquia, contraste, espaçamento, tipografia e consistência de componentes. O resultado é um resumo em markdown com recomendações acionáveis, que pode ser copiado diretamente para o canvas do Claude ou exportado para outras plataformas.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add jaehoonkim-x/claude-design-skills

Perguntar na sua IA favorita

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

Documentação

O que claude-design-skills faz?

10 tipos de revisão de design Claude Code + 1 tipo de anotação Pencil/Figma (revisão em markdown coreano + anexo automático ao canvas)

Habilidades Relacionadas