Um conjunto de 24 skills open source para orientar Claude Code, Codex, Cursor e opencode a gerar interfaces menos genéricas e com decisões de design mais deliberadas.
Agentes de programação com IA tendem a produzir sempre a mesma interface: gradientes índigo, uma seção hero centralizada, três cards de recursos e fontes padrão. design-taste é uma coleção de skills para agentes — arquivos de instruções simples na pasta de skills de cada agente — que afastam os resultados desses padrões. A skill principal orienta a leitura do briefing, a escolha de uma direção visual, a proibição de padrões comuns de LLM e a execução de uma checklist prévia.
Além da skill principal, há dez pacotes de estilos, cada um com uma identidade visual própria, como minimalismo editorial suíço, brutalismo industrial, luxo discreto, tecnologia sombria, impressão retrô e minimalismo japonês wabi-sabi. Cada pacote inclui uma demonstração em HTML de antes e depois, criada a partir do mesmo briefing. As skills de acabamento abordam tipografia, cores, movimento, GSAP, acessibilidade, textos de UX, desempenho e revisão de código, e podem ser combinadas com qualquer pacote de estilo.
A instalação é feita copiando as pastas das skills ou executando o script de instalação incluído, que oferece suporte a Claude Code, Cursor, Codex, opencode, Cline e Roo.
Clone o repositório
git clone https://github.com/madebymustafa/design-taste.gitEntre na pasta do projeto
cd design-tasteInstale todas as skills nos seus agentes
./scripts/install.shResumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Uma skill de UI/UX para agentes de programação, que orienta a criação, reformulação e revisão de interfaces, além de uma CLI que inspeciona páginas em execução em busca de problemas de acessibilidade e layout.
Agent Skills que ajudam agentes de programação a criar interfaces diferenciadas, usando direção de arte, fotos reais e uma verificação no navegador em vez de landing pages genéricas feitas por IA.
Uma skill de agente que dá a agentes de programação, como Claude Code e Cursor, senso de design para criar e iterar em interfaces, apresentações e peças gráficas.
Uma skill de design de interfaces para agentes de IA que explora diferentes direções visuais, compara opções lado a lado e as refina com base em screenshots reais.
Uma skill de agente e CLI que ensinam agentes de programação com IA a criar interfaces refinadas e prontas para produção, em vez de designs genéricos com cara de IA.
Uma coleção de skills para agentes que ensinam assistentes de programação com IA sobre animação, design de UI e boas práticas de frontend, com base na experiência do autor na Vercel e na Linear.