Repolode
Enviar
Leonxlnx

Leonxlnx/taste-skill

Agent Skills que ajudam agentes de programação a criar frontends com identidade visual, fotos reais e validação visual no navegador, em vez de landing pages genéricas de IA.

Ver no GitHubSite
Estrelas
98,399
Forks
6,677
Issues abertas
1
Último commit
há 4 dias

O que é?

Taste Skill é um conjunto de Agent Skills para agentes de programação, como Claude Code, Codex e Cursor. A skill padrão é voltada a páginas públicas, como landing pages, sites de marketing, portfólios e páginas de produto, e afasta o agente dos layouts genéricos que ferramentas de IA costumam produzir.

A skill padrão trabalha em seis etapas: lê o briefing, escolhe uma entre várias direções de design pesquisadas, conecta o material do cliente a essa direção, busca fotos reais em coleções abertas e dá os créditos, verifica a página em um navegador real em três larguras e corrige os principais problemas com base em capturas de tela. Ela requer Node 22+ e Chrome, Edge ou Chromium instalado, sem precisar de chaves de API.

O repositório também inclui skills para reformular projetos existentes, fluxos de trabalho de imagem para código, estilos visuais mais sóbrios ou brutalistas, regras do Google Stitch e prompts de geração de imagens para composições web e mobile e painéis de marca. Instale-as com a CLI npx skills, um plugin do Claude Code ou Codex, ou um clone com symlink.

Recursos principais

  • 01A skill padrão escolhe uma direção de arte entre opções pesquisadas antes de começar a criar.
  • 02Busca fotos reais em coleções abertas e inclui os créditos na página.
  • 03Verifica as páginas em um navegador real em três larguras e reprova padrões genéricos.
  • 04Corrige os principais problemas visuais com base nas próprias capturas de tela, em até três rodadas.
  • 05Inclui skills separadas para reformulações, imagem para código e estilos minimalistas e brutalistas.
  • 06Instalação via npx skills, plugins do Claude Code ou Codex, ou um clone com symlink.

Casos de uso

  • Criar uma nova landing page pública ou portfólio com identidade visual própria.
  • Reformular o layout, os espaçamentos e a hierarquia de um site existente.
  • Transformar imagens de referência em código frontend que corresponda a elas.
  • Definir regras de design mais rígidas para um agente de programação, para que o resultado da interface pareça menos um template.

Tópicos

#agent-skills#ai-agents#frontend#ui-design#landing-page#design-system#claude-code#codex#anti-slop#cursor

Perguntas frequentes

O que é taste-skill?
Agent Skills que ajudam agentes de programação a criar frontends com identidade visual, fotos reais e validação visual no navegador, em vez de landing pages genéricas de IA. Taste Skill é um conjunto de Agent Skills para agentes de programação, como Claude Code, Codex e Cursor. A skill padrão é voltada a páginas públicas, como landing pages, sites de marketing, portfólios e páginas de produto, e afasta o agente dos layouts genéricos que ferramentas de IA costumam produzir.
taste-skill é gratuito? Qual é a licença?
taste-skill é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
taste-skill ainda é mantido?
Manutenção ativa. O último commit de taste-skill foi em 14 de out. de 2026.
Para que posso usar taste-skill?
Criar uma nova landing page pública ou portfólio com identidade visual própria. Reformular o layout, os espaçamentos e a hierarquia de um site existente. Transformar imagens de referência em código frontend que corresponda a elas. Definir regras de design mais rígidas para um agente de programação, para que o resultado da interface pareça menos um template.
Onde consigo taste-skill?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/Leonxlnx/taste-skill

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados