Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
GPT Taste skill
Landing page sem cara de feita por IA: título em até três linhas, grade sem buraco, seções que se mexem no scroll e chamada forte pra compra no fim.
- instalações
- 399,5 mil
- estrelas no GitHub
- 102,5 mil
- No skills.sh desde
- abril de 2026
- Licença
- MIT
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
A skill ataca os vícios de página feita por IA: título espremido em seis linhas, grade com buraco, etiquetas como 'SEÇÃO 01' e o mesmo layout esquerda e direita repetido. Antes do código, a IA monta um plano com um sorteio que a impede de pegar sempre a primeira opção: tipo de topo, fonte, três componentes e duas animações.
A página segue a estrutura AIDA: menu, um topo que chama atenção, uma grade de benefícios que gera interesse, seções com animação GSAP no scroll que criam desejo e um rodapé com chamada grande pra ação. O título principal fica em duas ou três linhas, a grade não deixa espaço vazio e os botões têm texto legível.
As animações incluem seção que fica presa enquanto a galeria rola, imagem que cresce ao entrar na tela, texto que acende palavra por palavra e cartões que se empilham. Tudo respeita quem pediu menos movimento no sistema. As imagens de exemplo vêm do picsum.photos, com filtro pra não parecer banco de imagem.
Nas palavras de quem fez
Classic skill for GPT and Codex, opt-in: it runs only when called by name. Layout variance, a strict AIDA page structure and GSAP scroll motion.
Quando usar
- Montar a landing page de um produto digital com cara de site premiado
- Refazer uma página de vendas que ficou com cara de modelo genérico
- Criar a página de um lançamento com animação no scroll
- Testar direções de layout diferentes pra mesma oferta
Depois de instalar, é só pedir assim
- /gpt-taste cria a landing page do meu curso de confeitaria em React e Tailwind, com AIDA e animação no scroll
- /gpt-taste refaz a página de vendas da mentoria, com grade de benefícios e um rodapé com chamada forte pra compra
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykPassou
Perguntas
Como instalar a GPT Taste no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a GPT Taste, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Ela entra sozinha quando eu peço uma página?
Não. Ela só roda quando você chama pelo nome, como /gpt-taste no Claude Code. Foi pensada pro GPT e pro Codex, mas é texto, então o Claude Code e o Antigravity também conseguem seguir.
O que precisa pra funcionar?
Um projeto em React com Tailwind e o GSAP (@gsap/react e ScrollTrigger); a IA instala se você pedir. Não pede chave de API nem conta paga. As fotos de exemplo vêm do picsum.photos e você troca pelas suas. Desde 19/10/2026 ela fica no repositório Leonxlnx/taste-skill-classics, com o mesmo nome de instalação.
O que ela não faz?
Não trabalha a copy da sua oferta nem cria imagens: cuida do layout, das fontes e da animação. Também proíbe emoji, etiquetas como 'SEÇÃO 01' e a fonte Inter.
Levar essa skill
1x gpt-tasteR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/leonxlnx/taste-skill
Aprenda a usar
- ChatGPT Plus, Pro ou Go: qual plano assinar
Os planos do ChatGPT em reais: Go, Plus e Pro, o que cada um libera de Codex, como pagar com Pix, como cancelar e qual vale a pena pra quem vende.
- Codex no app do ChatGPT: instalar no Mac e Windows
Onde achar e como usar o Codex no aplicativo do ChatGPT para Windows e Mac. Veja qual plano libera o agente, como abrir pastas locais e rodar skills.
Na mesma prateleira
Ver as 1.414 skills do corredorleonxlnx
high-
Sua landing page sai com cara de site premiado, sem a fonte, o ícone e a grade de três colunas que denunciam um template.Auditada458,8 mil instalações, grátisend- visual- design redesign-
Ela só aponta pra design-taste-frontend, que audita a página no navegador, mantém o conteúdo e o que funciona e refaz o visual com antes e depois.Auditada458,7 mil instalações, grátisexisting- projects minimalist-
O Claude sai do visual genérico de SaaS e entrega uma interface enxuta, com tipografia de revista, bordas finas e cor só onde ela tem função.Auditada425,1 mil instalações, grátisui nextlevelbuilder
ui-
O Claude escolhe estilo, cores e fontes pelo tipo do seu produto e monta a tela seguindo regras de acessibilidade e de uso no celular.Auditada414,9 mil instalações, grátisux- pro- max industrial-
Telas com cara de manual técnico ou terminal militar: título gigante, dados em fonte mono, grade aparente e uma cor de destaque só.Auditada396,9 mil instalações, grátisbrutalist- ui brandkit
Uma imagem com a marca inteira, como num estudo de identidade: logo com significado, paleta, tipografia, mockups e frase de marca.Auditada390,7 mil instalações, grátispbakaus
impeccable
Você pede uma landing page, um painel ou um ajuste e recebe a tela pronta, com ponto de vista de design e conferida nos tamanhos de tela em que vai ao ar.360,7 mil instalações, grátisemilkowalski
review-
Cada animação do seu site passa por dez critérios e sai numa tabela de antes e depois, com veredito claro: aprova ou barra.Auditada256 mil instalações, grátisanimations
Mais da loja leonxlnx
Ver a loja leonxlnxdesign-
O agente parte de direções de arte tiradas de 247 sites de galerias de design, monta a página com a ideia do seu negócio e confere o resultado em print.677 mil instalações, grátistaste- frontend full-
Pediu o arquivo inteiro, recebe o arquivo inteiro: sem trecho pulado, sem esqueleto e sem 'quer que eu continue?'.Auditada401 mil instalações, grátisoutput- enforcement stitch-
Escreve um DESIGN.md com regras de tipografia, cor e layout pro Google Stitch gerar as telasAuditada394,9 mil instalações, grátisdesign- taste image-
O agente desenha cada seção do site em imagem, lê a fonte, o espaço, a cor e os botões dela e só então escreve o código, fiel ao que desenhou.385,9 mil instalações, grátisto- code imagegen-
Gera uma imagem horizontal por seção pra definir a direção visual de landing pages e sites de marketing380,1 mil instalações, grátisfrontend- web imagegen-
Gera telas e fluxos de apps de celular como imagens, pra definir a direção de arteAuditada373,8 mil instalações, grátisfrontend- mobile design-
Versão 1 do taste-skill, mantida pra quem depende do comportamento original de direção de arteAuditada330,3 mil instalações, grátistaste- frontend- v1 design-
Aplica a versão antiga do taste-skill pra criar landing pages e portfólios sem cara de genéricoAuditada19,5 mil instalações, grátistaste- frontend- v2- experimental unlazy
Antes de começar, o agente escreve o que precisa ficar pronto; no fim, só diz que terminou quando cada item passa numa checagem que ele rodou.9.400 instalações, grátisimage-
Cria sites partindo de imagens de design geradas e analisadas antes de escrever o códigoAuditada3.600 instalações, grátistaste- frontend cinetic
Dirige e renderiza motion design cinematográfico por código: filmes de lançamento e vídeos de produto1.000 instalações, grátis