Pular para o conteúdo

5 skills que tiram a cara de IA do seu site

impeccable, taste-skill, oil-ui, styleseed e ui-craft. O que cada uma faz, o comando de instalação e como pedir.

Você já viu: letra Inter em tudo, degradê roxo e azul, cartão dentro de cartão, um ícone num quadradinho em cima de cada título. É a cara de site feito por IA.

Skills são pacotes de instrução que você instala no Claude Code (e em outros agentes, como o Codex) para ele trabalhar de um jeito específico. Estas cinco ensinam a IA a fazer interface com cara de gente.

Abaixo vai a lista completa com o comando de instalação de cada uma. Os comandos são os do README de cada projeto, conferidos em 2 de novembro de 2026. As estrelas no GitHub são do mesmo dia e mudam rápido.

1. impeccable

  • 100 mil estrelas
  • Licença Apache-2.0
github.com/pbakaus/impeccable
Repositório do impeccable no GitHub
Repositório do impeccable no GitHub

Dá à IA um vocabulário de design: 24 comandos como polir, deixar mais ousado, mais calmo, criticar e auditar. Também traz um detector de "slop" com 62 regras fixas, que acha os vícios de IA sem gastar tokens.

Instalar, na pasta do projeto:

Terminal
npx impeccable install

Depois recarregue o Claude Code e rode /impeccable init. Também dá para instalar como plugin com /plugin marketplace add pbakaus/impeccable.

Como pedir:

Claude Code
/impeccable critique the pricing cards/impeccable polish settings

E para varrer o projeto atrás de vícios: npx impeccable detect src/.

2. taste-skill

  • 108 mil estrelas
  • Licença MIT
github.com/Leonxlnx/taste-skill
Repositório do taste-skill no GitHub
Repositório do taste-skill no GitHub

Ataca a landing page média. Lê o seu briefing, sorteia três direções de arte entre vinte, busca fotos reais em acervos abertos com o crédito certo e confere a página num navegador de verdade em três larguras, corrigindo até três vezes.

É a mais pesada da lista: segundo o README, uma página leva de 30 a 45 minutos e algumas centenas de milhares de tokens. Pede Node 22 ou mais novo e Chrome.

Instalar como plugin do Claude Code:

Claude Code
/plugin marketplace add Leonxlnx/taste-skill/plugin install taste-skill@taste-skill

Não tem comando de exemplo no README. Você descreve o que quer em linguagem normal, como faria com um designer.

3. oil-ui

  • 2,6 mil estrelas
  • Licença MIT
github.com/oil-oil/oil-ui
Repositório do oil-ui no GitHub
Repositório do oil-ui no GitHub

Resolve o pedido vago, tipo "deixa premium" ou "deixa clean". Ela recomenda uma direção e refina olhando prints reais, ou monta várias direções bem diferentes numa página para você comparar lado a lado.

A versão gratuita cobre direção visual e comparação. Existe uma versão Pro paga, de US$ 9,99 em compra única segundo o README, com polimento extra.

Instalar:

Terminal
npx skills add oil-oil/oil-ui

Como pedir (exemplos do README):

Claude Code
Use oil-ui to explore a few design directions for this course booking product and build pages I can preview.Review this homepage and explain what to change and how. Leave the files untouched.

4. styleseed

  • 997 estrelas
  • Licença MIT
github.com/bitjaru/styleseed
Repositório do styleseed no GitHub
Repositório do styleseed no GitHub

Grava regras de design dentro do projeto, 74 ao todo, e dá uma nota de 0 a 100 para cada tela. Abaixo de 80, ela manda revisar. O ciclo é sempre o mesmo: mostrar, pontuar, corrigir.

Pega coisas como emoji no lugar de ícone, todos os cartões com o mesmo peso e cor escrita direto no componente.

Instalar só para o Claude Code:

Terminal
npx -y skills add bitjaru/styleseed -a claude-code -y --copy

Como pedir:

Claude Code
/styleseed Help improve this screen. Preserve our existing design choices and show me what needs a decision.

5. ui-craft

  • 421 estrelas
  • Licença MIT
github.com/educlopez/ui-craft
Repositório do ui-craft no GitHub
Repositório do ui-craft no GitHub

A menor da lista, mas bem completa: 25 comandos, 32 referências, agentes revisores e um detector anti-slop. A pergunta que ela faz o tempo todo é: alguém acreditaria que isto foi feito por IA?

Cuida do acabamento que a IA costuma esquecer: movimento, tipografia e os estados da tela.

O jeito mais simples de instalar:

Terminal
npx skills add educlopez/ui-craft

O README também oferece um instalador completo que baixa e executa um script (curl ... | bash). Só use esse caminho se você confia no projeto e leu o script antes.

Como pedir:

Claude Code
/ui-craft:start/craft dashboard

O primeiro lê o projeto e diz o próximo passo.

Qual escolher

  • Quer um revisor rápido e barato: impeccable. O detector roda sem IA.
  • Vai fazer uma landing do zero e tem tempo: taste-skill.
  • Não sabe que cara quer: oil-ui, para ver direções lado a lado.
  • Tem um produto com várias telas: styleseed, que guarda as regras no projeto.
  • Quer acabamento fino: ui-craft.

Não instale as cinco de uma vez. Cada uma tem o próprio jeito de trabalhar, e com todas juntas fica difícil saber qual está mandando. Teste uma por projeto e fique com a que combinar com o seu jeito.

Fontes

Leia também

  1. Antes de colocar IA na sua empresa, responda 5 perguntas
  2. Um site feito em 2 horas no Claude Code bateu 2.790 pontos no Hacker News
  3. Começou em 1 hora, passou de 393 mil estrelas e levou o criador à OpenAI

Quer isso funcionando na sua empresa?

Conte o processo que mais toma tempo da equipe e a LenzStack mostra por onde começar.

Falar com a LenzStack