design-farmer - skill para agentes de codificação com IA que lê a base de código e a organiza em um sistema de design
(github.com/ohprettyhak)Analisa o repositório, extrai os padrões de design existentes e os desenvolve em um sistema de design baseado em OKLCH com tokens, componentes, testes e documentação.
Por que isso é necessário?
Ao trabalhar com agentes de IA e vibe coding, a consistência do design é a primeira coisa a se perder. As cores ficam desalinhadas, os espaçamentos inconsistentes e o modo escuro acaba ficando em segundo plano. Quando você dá restrições de design claras ao agente, a UI resultante fica muito mais consistente, mas criar tudo isso manualmente dá mais trabalho do que deveria.
O Design Farmer automatiza esse processo por completo. Ele lê a base de código, entende o que já existe e, a partir disso, constrói ou atualiza um sistema de design em nível de produção. Não é preciso criar arquivos de tokens manualmente nem copiar e colar paletas de cores.
Principais recursos
- organização de tokens de design baseada em OKLCH
- estruturação em camadas de tokens primitivos / semânticos
- construção de componentes básicos com foco em acessibilidade
- expansão para dark theme
- geração de
DESIGN.md - validação de style drift e uso indevido de tokens
O objetivo é criar um fluxo de trabalho de design reproduzível, que o agente possa continuar consultando nas tarefas seguintes.
Se você colocar no projeto o arquivo DESIGN.md fornecido em awesome-design-md, ele entenderá o sistema desejado pelo usuário e começará a partir daí.
Ainda não há comentários.