Pular para o conteúdo

Cinco skills querem redesenhar sua interface

Você pediu "deixa isso bonito". Qual delas atende?

Veredito

Elas não são intercambiáveis: duas ditam estética, uma dita processo, uma dita craft e uma faz faxina. O erro comum é instalar as cinco e deixar o modelo escolher — aí elas se contradizem no meio da mesma resposta.

Comparação: Cinco skills querem redesenhar sua interface
SkillPeso e gatilhoEscolha seMontar kit
design-taste-frontend

Anti-slop, versão 2

massivo1.207 linhas

o agente chama

Projeto novo, sem identidade definida, e você quer que ele não pareça template.

high-end-visual-design

A agência de 150 mil dólares

médio99 linhas

o agente chama

Você quer um registro estético específico e caro, decidido de antemão.

impeccable

A suíça do frontend

médio176 linhas

você chama

Você quer processo com subcomandos e iteração ao vivo, e topa manter um PRODUCT.md.

emil-design-eng

A filosofia, inteira

massivo675 linhas

o agente chama

A interface já está de pé e o que falta é craft: os detalhes invisíveis.

baseline-ui

Faxina rápida

médio86 linhas

você chama

Você quer um passe rápido e barato de limpeza, sem redesenhar nada.

Os registros estéticos são mutuamente exclusivos

Qual linguagem visual o agente deve seguir?

Veredito

Essas quatro declaram estéticas incompatíveis por definição. Instalar mais de uma como model-invoked é pedir para o agente misturar brutalismo com pastel. Escolha uma e desinstale as outras — ou torne-as user-invoked e chame pelo nome.

Comparação: Os registros estéticos são mutuamente exclusivos
SkillPeso e gatilhoEscolha seMontar kit
minimalist-ui

Editorial calmo

médio86 linhas

o agente chama

Editorial claro, monocromático quente, bento plano. Tipo Notion ou Linear.

industrial-brutalist-ui

Terminal militar

médio93 linhas

o agente chama

Grid rígido, escala tipográfica extrema, terminal militar, degradação analógica.

high-end-visual-design

A agência de 150 mil dólares

médio99 linhas

o agente chama

Agência premium: fontes caras, respiro macro, sombras difusas, física de mola.

gpt-taste

A variante para GPT

médio75 linhas

o agente chama

Você roda em GPT/Codex e quer GSAP com ScrollTrigger e estrutura AIDA.

Revisar animação ou consertar performance?

A animação está ruim. Ruim de gosto ou ruim de frame?

Veredito

Parecem a mesma skill e resolvem problemas opostos. Uma julga a decisão — curva, duração, se devia animar. A outra julga a execução — se o navegador consegue entregar 60fps. Uma animação pode estar perfeita nos frames e errada no gosto, e vice-versa.

Comparação: Revisar animação ou consertar performance?
SkillPeso e gatilhoEscolha seMontar kit
review-animations

O juiz do movimento

pesado301 linhas

o agente chama

A animação roda lisa mas parece errada: lenta, sem propósito, curva frouxa.

fixing-motion-performance

Movimento que engasga

médio152 linhas

o agente chama

A animação está certa no papel mas engasga: janking, blur pesado, layout thrashing.

improve-animations

Auditoria de movimento

pesado292 linhas

você chama

Você quer o mapa da codebase inteira, priorizado, não uma revisão pontual.

Duas skills revisam acessibilidade

Auditoria de a11y: qual delas?

Veredito

A da Vercel revisa contra as Web Interface Guidelines — um documento amplo que cobre muito além de a11y. A do ibelick é cirúrgica em acessibilidade e vai mais fundo em foco, ARIA e erro de formulário. Para conformidade WCAG, a segunda. Para um pente-fino geral de interface, a primeira.

Comparação: Duas skills revisam acessibilidade
SkillPeso e gatilhoEscolha seMontar kit
web-design-guidelines

Contra o guia da Vercel

leve40 linhas

o agente chama

Revisão ampla de interface contra um guia consolidado.

fixing-accessibility

Acessibilidade a sério

médio136 linhas

o agente chama

Conformidade WCAG a sério: foco, teclado, ARIA, contraste, erros de formulário.

Quatro pacotes querem ser o seu processo

Você quer disciplina do briefing ao merge. Qual sistema adotar?

Veredito

Esses quatro não se somam — se sobrepõem inteiros. Todos definem uma esteira do começo ao fim, todos querem ser invocados primeiro, e três deles instalam hooks para garantir isso. Rodar dois ao mesmo tempo produz um agente que discute consigo mesmo sobre qual artefato escrever antes. Escolha um por máquina.

Comparação: Quatro pacotes querem ser o seu processo
SkillPeso e gatilhoEscolha seMontar kit
using-superpowers

A porta de entrada

médio116 linhas

o agente chama

Você quer o método mais rígido e o menos burocrático: sem pasta de artefatos, a disciplina mora nas skills.

gsd-next

Por onde eu começo

leve31 linhas

você chama

Projeto longo, várias fases, contexto que estoura. Você aceita aprender um vocabulário em troca de retomar de onde parou.

gstack-spec

Intenção vira spec

massivo934 linhas

você chama

Você quer interlocutores, não etapas: revisão em quatro papéis antes de escrever código.

setup-matt-pocock-skills

A configuração inicial

pesado309 linhas

você chama

Você quer a esteira mais leve das quatro, sem plugin, sem hook, sem daemon.

Três pacotes trazem uma /review, duas trazem /retro

Instalei tudo e agora tenho comandos com o mesmo nome. E aí?

Veredito

Colisão de nome é o custo escondido de instalar pacotes grandes. O gstack batiza com nomes curtos e genéricos (/review, /retro, /ship, /learn), o Matt Pocock também usa code-review e retro, e o gsd-skill-creator instala uma code-review própria. Quem ganha depende da ordem de instalação e do host — o que significa que ninguém ganha de propósito. A saída existe e é barata: o gstack aceita `./setup --prefix` e vira /gstack-review. Use isso.

Comparação: Três pacotes trazem uma /review, duas trazem /retro
SkillPeso e gatilhoEscolha seMontar kit
gstack-review

Revisão antes de landar

massivo1.656 linhas

você chama

Revisão de PR antes de landar, com o gosto de um fundador de YC. Instale com --prefix.

code-review

Revisão em dois eixos

médio88 linhas

você chama

Dois eixos em paralelo: segue os padrões do repo? cumpre o que a spec pediu?

caveman-review

Uma linha por achado

médio87 linhas

você chama

Uma linha por achado. Quando você quer o resultado da revisão, não a redação dela.

gsd-code-review

Revisão da fase

médio61 linhas

você chama

Revisa só o que mudou dentro de uma fase do GSD, contra os artefatos dela.

Duas formas de não recomeçar do zero

A sessão acabou e o contexto foi junto. Memória ou handoff?

Veredito

São filosofias opostas sobre o mesmo problema. O claude-mem captura tudo passivamente e reinjeta sozinho — você não faz nada e não escolhe o que volta. O handoff explícito custa um comando no fim da sessão e devolve exatamente o que você escreveu. Memória passiva ganha em sessão que morreu de repente; handoff ganha em precisão e não instala daemon nenhum.

Comparação: Duas formas de não recomeçar do zero
SkillPeso e gatilhoEscolha seMontar kit
mem-search

A gente já resolveu isso?

médio167 linhas

o agente chama

Captura passiva e busca depois. Você não decide o que é importante na hora.

gstack-context-save

Guardar o contexto de propósito

massivo648 linhas

você chama

Você fecha a sessão de propósito e quer escolher o que atravessa.

gsd-pause-work

Parar sem perder o lugar

leve45 linhas

você chama

Você está no meio de uma fase do GSD e quer parar sem perder o lugar.

caveman-compress

O CLAUDE.md virou monstro

pesado323 linhas

você chama

O problema não é lembrar, é que o CLAUDE.md virou um monstro de token.

Quem fica com o nome `shadcn`?

Instalei dois pacotes e um sobrescreveu a skill do outro. Como isso acontece?

Veredito

O `npx skills` instala por nome de skill, não por pacote — `~/.agents/skills/<nome>`. Dois pacotes que publicam o mesmo nome ocupam o mesmo diretório, e o último a instalar ganha, em silêncio. O json-render é o caso extremo: 25 skills chamadas core, react, next, image, shadcn, remotion, yaml. Nesta máquina ele atropelou três pacotes diferentes. A regra prática é curta: pacote com nome de uma palavra só se instala local, nunca global.

Comparação: Quem fica com o nome `shadcn`?
SkillPeso e gatilhoEscolha seMontar kit
shadcn

O registro, não a memória

massivo1.163 linhas

o agente chama

Você trabalha com shadcn/ui de verdade — components.json, registro, migração de Radix.

core

O núcleo do json-render

pesado273 linhas

o agente chama

Você trabalha com @json-render/*. Aí os nomes de uma palavra são os nomes certos.

remotion-best-practices

A roteadora do Remotion

leve60 linhas

o agente chama

Você faz vídeo em Remotion. Esta é a roteadora oficial do time.

remotion

Spec vira vídeo

médio112 linhas

o agente chama

Você renderiza vídeo a partir de um spec JSON — outro problema, nome parecido.

Duas skills tiram o cheiro de IA do texto

O texto está correto e soa gerado. Qual delas?

Veredito

Discordam no método e por isso se somam. O stop-slop julga antes de mexer: nota de 1 a 10 em cinco eixos, corte em 35 de 50. O humanizer não julga, reescreve — com a restrição de não mudar o que o texto diz, que é a parte difícil. Rodar os dois na ordem certa custa pouco: são 375 e 120 linhas.

Comparação: Duas skills tiram o cheiro de IA do texto
SkillPeso e gatilhoEscolha seMontar kit
stop-slop

Nota de corte para prosa

médio69 linhas

o agente chama

Você quer saber se o texto está ruim antes de deixar alguém reescrevê-lo.

humanizer

Tirar o cheiro de IA

massivo629 linhas

o agente chama

Você já sabe que soa a IA e quer a reescrita, com o argumento intacto.

copy-editing

Melhorar o que já está escrito

pesado458 linhas

o agente chama

O problema não é soar a IA, é a copy não convencer.

writing-guidelines

Revisar documentação

leve40 linhas

o agente chama

É documentação, e existe um manual de voz e tom para obedecer.