Communitygithub.com

XINGANLIU/design-system-generator-skill

🎨 Uma cor entra → Sistema de design completo sai. Skill de agente de IA para gerar sistemas de design prontos para produção.

O que é design-system-generator-skill?

Esta skill permite que agentes de IA como Claude Code, Cursor ou Codex gerem um sistema de design completo e coeso a partir de uma única cor primária. É ideal para desenvolvedores que desejam acelerar a criação da identidade visual de um projeto, garantindo consistência e profissionalismo sem a necessidade de um designer. A skill processa a cor fornecida e produz tokens de design, variantes de cores (claras, escuras, tons de cinza), tipografia, espaçamentos e componentes de UI básicos, tudo pronto para ser integrado em frameworks CSS ou bibliotecas de componentes como Tailwind CSS ou Styled Components. O resultado é um ponto de partida sólido e coerente que economiza horas de trabalho manual e garante boas práticas de acessibilidade e contraste.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add XINGANLIU/design-system-generator-skill

Perguntar na sua IA favorita

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

Documentação

O que design-system-generator-skill faz?

🎨 Uma cor entra → Sistema de design completo sai. Skill de agente de IA para gerar sistemas de design prontos para produção.

Habilidades Relacionadas