Testada em uma tarefa realComunidade, verificadaDesign e front-end

Taste Skill

Uma landing page construída em torno de uma ideia tirada do seu negócio, conferida num navegador de verdade antes de você vê-la.

Veja o que ela criou

Instale Taste Skill grátis

Deixe seu email e os passos de instalação abrem aqui mesmo: um prompt para colar na sua ferramenta de IA. Vale para as 149 skills.

Nossa nota: 6/10
Funciona em: Claude, ChatGPT+7 outras
Claude Code, Claude app, Codex, ChatGPT, Cursor, GitHub Copilot, Gemini CLI, Antigravity, OpenCode, Windsurf e mais de 60 ferramentas de IA que leem skills.
Precisa programar?: Não
Tempo até o resultado: 50 min
Criado por: Leon Lin
Testada em: 19 de out. de 2026

Sem a skill, o Claude abriu com um hero escuro dividido e uma palavra em itálico terracota; com a skill, a primeira tela transforma o torno num círculo gigante ao lado de um card de título centralizado com seis círculos de vaga.

Com a skill — Sem a skill, o Claude abriu com um hero escuro dividido e uma palavra em itálico terracota; com a skill, a primeira tela transforma o torno num círculo gigante ao lado de um card de título centralizado com seis círculos de vaga.

A resposta curta

Taste Skill é uma skill de design para o Claude Code que sorteia uma direção de design pesquisada, proíbe hábitos comuns de páginas feitas por IA, como palavras de destaque e passos numerados, e confere o resultado num navegador real antes de o Claude criticar as próprias capturas de tela. Serve para donos de negócio e profissionais de marketing que querem uma landing page com uma ideia ousada própria e podem rodar uma sessão mais longa. Nosso veredito é 6/10: com o mesmo prompt do Claude puro, ela produziu uma página mais marcante com um seletor de vagas funcionando, mas a página do Claude puro já era completa e caprichada, e a skill levou o dobro do tempo.

Ideal para: Donos de negócio que querem uma landing page com uma ideia ousada própria e topam rodar uma sessão mais longa no Claude Code para chegar lá.

Quer esse resultado no seu próprio trabalho?

Cadastre-se grátis e instale Taste Skill em cerca de um minuto. Um email libera os passos de instalação de todas as skills do site.

Quando vale a pena usar

Venda aulas ou eventos

Você dá oficinas, degustações ou aulas e quer que as pessoas reservem. No nosso teste, ela construiu uma página em que os visitantes escolhem uma oficina e as vagas, veem o total, e o botão escreve o e-mail de reserva.

Landing page com um conceito

Você quer uma página de que as pessoas se lembrem, não um modelo agradável. A skill encontra uma coisa que só o seu negócio tem, como o torno e as seis vagas no nosso teste, e a repete em todas as seções.

Conserte uma página com cara de IA

Sua página atual tem rótulos pequenos acima dos títulos, cards com ícones e degradês. A skill registra a página como está, depois a reconstrói sob regras que removem esses hábitos e mede o antes e o depois.

Como ter um ótimo resultado

Instale (passos abaixo)
Use no Claude Code num computador com Node 22 ou mais novo e Chrome, Edge ou Chromium. Os scripts não instalam mais nada.
Passe fatos e fotos reais
Cole seus preços, endereço, limites e avaliações e anexe suas próprias fotos. A skill lista de oito a doze coisas que só você tem, e a ideia da página sai dessa lista, então quanto mais específico, melhor.
Deixe ela escolher uma direção
Um script sorteia três direções de design e o Claude escolhe a que combina com o seu tema, depois escreve a ideia numa frase. No nosso teste, ele escolheu um motivo: o círculo do torno repetido em toda parte, nas cores dos três esmaltes da loja.
Espere as checagens
O Claude constrói a página, roda um verificador no navegador em larguras de desktop, tablet e celular até nada falhar, depois avalia as próprias capturas de tela e corrige os três maiores problemas. Conte com isso levando um tempo.
Preencha os placeholders e ligue a reserva
Procure [placeholder] na página e preencha datas, horários e políticas. Não há reserva ou checkout de verdade: o botão escreve um e-mail ou aponta para um link que você passar.

Este é o prompt exato com que começamos o nosso teste:

O prompt que usamos

Crie uma landing page que venda as oficinas noturnas de cerâmica da Clay & Co, como um único arquivo HTML responsivo, out/index.html (CSS e JS dentro do arquivo). Ela deve dar vontade de reservar: explicar as três oficinas, o que você leva para casa, como é uma noite, avaliações e um botão Book bem claro. Quero que pareça feita por um estúdio de ponta, não por IA.

Tudo o que ela criou

Cada peça abaixo é um resultado real do nosso teste, aberta do jeito que você abriria.

Com a skill, no celular — Com a skill: um único motivo de círculo atravessa a página inteira, dos recortes de foto a um seletor de vagas que mostra o total e escreve o e-mail de reserva, terminando numa assinatura feita de círculos.

Sem a skill, no celular — Sem a skill: uma página completa e caprichada com cards de foto para cada oficina, passos numerados da noite, um formulário de reserva, um FAQ e uma barra Book fixa no celular.

Como foi a sessão

A conversa do nosso teste, resumida. Cerca de 50 minutos do primeiro prompt até o resultado final.

Você: Crie uma landing page que venda as oficinas noturnas de cerâmica da Clay & Co, como um único arquivo HTML responsivo (CSS e JS dentro do arquivo). Ela deve dar vontade de reservar: explicar as três oficinas, o que você leva para casa, como é uma noite, avaliações e um botão Book bem claro. Quero que pareça feita por um estúdio de ponta, não por IA. [Ficha de dados e 8 fotos da loja anexadas.]
AI: Minha leitura: um site de uma página que vende três oficinas noturnas, e a única ação é "Book a seat". Não há sistema de reservas, então o botão vai escrever um e-mail com as escolhas do visitante.
AI: O que só esta loja tem: 2210 SE Division St, uma única artesã, seis vagas por noite, os três esmaltes, duas queimas, os três preços. Vou escrever cada seção como uma afirmação com sua prova antes de qualquer design.
AI: Escolhi "One motif" em vez de um layout editorial ou de um só tipográfico. Ideia: a cabeça redonda do torno, onde toda peça começa, e as seis vagas em volta dela viram a única forma: o recorte da foto do hero, máscaras de foto, botões redondos, seis círculos de vaga e uma assinatura no rodapé feita de círculos.
AI: Redesenhei o hero uma vez porque o sorteado não tinha foto e acrescentava uma segunda forma. Mantive as proporções da paleta, mas tirei as cores dos seus esmaltes: Speckled Oat, Midnight e Ash Green.
AI: A crítica da rodada 1 deu cerca de 7.1, limitada a 6 pelas falhas: animações atrasadas deixavam telas vazias e o título ocupava três linhas num tablet. Corrigi as duas coisas e reduzi a página a cinco tamanhos de fonte. A rodada 2 deu cerca de 7.5.
AI: Pronto: out/index.html. Placeholders para preencher: horário de início, próximas datas, pagamento, o que são as peças da Glaze Night, retirada ou envio das peças queimadas, aventais e argila. As etapas da aula (sovar, centralizar, tornear, prateleira) são o processo geral de cerâmica, confirme por favor. Ainda fracos: a caixa alta do hero e os placeholders visíveis. Cerca de 50 minutos.

O que funcionou e onde deixou a desejar

O que funcionou

Um conceito de verdade tirado da própria loja: círculos em toda parte, do recorte gigante da foto do hero aos seis círculos de vaga e a uma assinatura no rodapé feita de círculos. O Claude puro, com o mesmo prompt, fez uma página bonita, mas familiar, com uma palavra de destaque em itálico terracota e passos numerados, duas coisas que esta skill proíbe.
O seletor de vagas é um elemento ao vivo realmente útil: escolha Make a Mug e 4 vagas e ele mostra $320 e escreve o e-mail para hello@clayandco.shop.
O verificador no navegador pegou problemas reais antes de os vermos, como seções que saíam vazias nas capturas porque as animações começavam tarde e um título que ocupava três linhas num tablet.
Ela manteve as provas honestas: o depoimento da Sarah e a nota 4.9 aparecem como avaliações da Etsy sobre as peças, não sobre as oficinas, e incógnitas como horário de início, datas e pagamento estão marcadas como [placeholder].

Onde deixou a desejar

Algumas telas parecem vazias ou confusas: um bloco verde-sálvia liso ao lado do seletor, um hero centralizado dentro de uma caixa alta e seis círculos alternando escuro e claro no topo que parecem enfeite até você chegar ao seletor.
A versão do Claude puro era mais completa para quem compra: cards com foto por oficina, um formulário de reserva completo com data e nome, um FAQ e uma barra Book fixa no celular.
Levou cerca de 50 minutos, o dobro do Claude puro, e exige Node 22 e Chrome no seu computador para os scripts.

Quer esse resultado no seu próprio trabalho?

Cadastre-se grátis e instale Taste Skill em cerca de um minuto. Um email libera os passos de instalação de todas as skills do site.

Prompts que funcionam

Troque as partes entre colchetes pelos seus próprios dados. Não precisa citar a skill: peça o trabalho e sua ferramenta de IA usa a skill sozinha.

Landing page que vende oficinas

Crie uma landing page que venda minhas oficinas de [tipo], como um único arquivo HTML responsivo. Ela deve dar vontade de reservar: explicar as [número] oficinas, o que você leva para casa, como é uma sessão, avaliações e um botão Book bem claro. Quero que pareça feita por um estúdio de ponta, não por IA. Use só estes dados e marque o resto como [placeholder]: [cole os dados]. Fotos: [anexe].

Site de uma página para um pequeno negócio

Crie um site de uma página para minha [padaria / estúdio / loja] em [endereço]. O que nos diferencia: [seus limites, rituais, materiais]. A única coisa que os visitantes devem fazer é [reservar / pedir / visitar]. Aqui estão minhas próprias fotos: [anexe].

Redesenhe uma página inicial genérica

Esta página inicial parece genérica. Registre como ela está agora e depois redesenhe com uma direção mais forte, mantendo as cores da minha marca [códigos hex], as fontes [nomes] e todos os links e formulários atuais. Me mostre capturas de antes e depois. Esta é a página: [cole o HTML ou a pasta].

Portfólio com uma ideia ousada

Crie um portfólio de uma página para meu negócio de [fotografia de casamento / ilustração]. Use estes projetos e fotos reais: [liste e anexe]. Encontre uma ideia no meu trabalho e leve-a por todas as seções.

Dicas do nosso teste

Diga quais fotos realmente existem. Ela quer pelo menos quatro fotos reais na página e planeja em torno do que você tem; sem fotos suas, ela busca em acervos abertos com crédito, a menos que você proíba imagens externas, como fizemos.
Passe sua restrição, não só seus produtos. No nosso teste, "seis vagas por noite" virou os círculos de vaga e o seletor de reserva, a parte mais útil da página.
Se você tem cores ou fontes de marca, diga logo de início. Ela então as mantém e muda só o layout; senão, evita visuais que trata como hábitos de IA, como fundos creme com destaques terracota.
Peça pelo nome as seções de que um comprador precisa, como um FAQ ou um seletor de data. As regras rígidas da skill e o foco num único conceito podem deixar de fora coisas que o Claude puro acrescenta por padrão.
Abra você mesmo as capturas de tela do celular. No nosso teste, a própria crítica da skill ainda apontava uma caixa alta no hero e círculos decorativos que só fazem sentido quando você chega ao seletor.

O que você precisa: Skills no app do Claude funcionam em todos os planos, incluindo o Free, com Execução de código e criação de arquivos ativadas; o Claude Code exige Pro ou superior. Os scripts desta skill precisam de Node 22 ou mais novo e de Chrome, Edge ou Chromium, então na prática ela roda no Claude Code; o uso no app do Claude não está documentado..

Como instalar

As skills seguem o padrão aberto Agent Skills, então esta não depende de uma única empresa. Escolha a ferramenta de IA que você usa. Na dúvida? A primeira aba cobre a maioria em um passo só.

Mais fácil: cole isto em sua ferramenta de IA

Instale esta skill para mim para que ela funcione em todos os projetos: rode `npx skills add https://github.com/Leonxlnx/taste-skill/tree/main/skills/taste-skill -g -y` no meu terminal. Se faltar o Node.js, me diga primeiro como instalar. Quando terminar, confirme que a skill foi instalada e me diga como começar a usar.

Ou faça você mesmo:

Um comando instala a skill nas ferramentas de IA do seu computador. Ele encontra as que você tem e pergunta em quais adicionar: Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode e mais de 60 outras.

$npx skills add https://github.com/Leonxlnx/taste-skill/tree/main/skills/taste-skill -g

Você precisa ter o Node.js instalado (grátis, em nodejs.org). A opção -g deixa a skill disponível em todos os projetos.

Bom saber: O repositório também traz skills relacionadas (brandkit, redesign, minimalist e variantes de geração de imagens); npx skills add https://github.com/Leonxlnx/taste-skill --skill design-taste-frontend instala só esta.

Libere os passos de instalação

Grátis. Deixe seu email uma vez para liberar os passos de instalação das 149 skills e receber as melhores skills novas todo mês.

Como verificamos

Confirmamos a skill na fonte original em 18 de outubro de 2026: o SKILL.md está onde deveria, os arquivos foram atualizados no último ano e a licença (MIT) permite o uso. Depois, em 19 de outubro de 2026, instalamos, usamos na tarefa acima sem mudar a skill e anotamos o que aconteceu, inclusive o que deu errado.

Perguntas frequentes

Preciso saber programar para usar a Taste Skill?

Não. Você descreve seu negócio com palavras simples e o Claude escreve o código, roda os scripts e corrige o que eles encontrarem. Você precisa, sim, ter Node 22 ou mais novo e Chrome, Edge ou Chromium instalados, e a skill não publica a página por você.

De qual plano ou ferramentas a Taste Skill precisa?

Skills no app do Claude funcionam em todos os planos, incluindo o Free, com Execução de código e criação de arquivos ativadas; o Claude Code exige Pro ou superior. Os scripts desta skill também precisam de Node 22 ou mais novo e de um Chrome, Edge ou Chromium instalado, então planeje usá-la no Claude Code.

A Taste Skill funciona no Claude.ai?

O uso no Claude.ai não está documentado. O ciclo de olhar e corrigir dela depende de um navegador de verdade no seu computador, que o Claude Code consegue controlar, então o Claude Code é o lugar para usá-la.

É melhor do que simplesmente pedir ao Claude?

Diferente, não claramente melhor. Com o mesmo prompt, o Claude puro fez uma página completa e caprichada em cerca de 25 minutos, com uma palavra de destaque em itálico, passos numerados e cards com fotos; com a skill, o Claude passou cerca de 50 minutos numa página mais ousada construída em torno de um motivo de círculo, com um seletor de vagas e menos hábitos de IA, mas também alguns blocos que parecem vazios. Escolha-a quando se destacar importar mais que a velocidade.

A Taste Skill vai inventar avaliações ou números?

As regras dela proíbem clientes, citações, avaliações, imprensa, logos ou estatísticas do negócio inventados. No nosso teste, ela identificou a única avaliação real e a nota 4.9 como avaliações da Etsy sobre as peças, não sobre as oficinas, e marcou detalhes ausentes como horários de início e datas como placeholders.