As skills que eu uso todos os dias

Revisa uma tela, um fluxo, uma branch ou um PR passando por todas as skills de interface, e devolve um veredito só, ranqueado, com arquivo e linha em cada achado.

O acabamento com valores exatos: raio concêntrico, sombra no lugar de borda, contorno de imagem, alinhamento óptico, pressão em 0.96, troca de ícone, entrada, saída e gesto.

Como o texto renderiza: escolha e carregamento de fonte, escala, altura de linha, quebra com balance e pretty, números tabulares, truncamento e pontuação.

O sistema de cor: rampas em OKLCH, tokens por papel, conversão de formato, gamut, contraste medido no par que de fato renderiza e tema escuro.

Teclado e foco, nome acessível, semântica, formulário, leitor de tela, área de toque e movimento reduzido, contra a WCAG 2.2.

Agrupamento, alinhamento, ordem de leitura, breakpoint que vem do conteúdo e espaço pro texto traduzido, pra o layout aguentar ser redimensionado, traduzido ou espelhado.

O texto da interface: rótulo que diz a ação, erro que diz o que fazer, estado vazio que ensina e confirmação que nomeia a consequência.

Três versões genuinamente diferentes de um componente, num eixo que você nomeia, atrás de um seletor na página real. Você alterna e promove a que ganhar.

Explica como uma interface, um efeito ou uma animação de outro site foi feita, separando o que mediu do que deduziu, e fecha com a receita que transfere pro seu projeto.

Renderiza um componente sob todo cenário que alcança ele em produção, texto enorme, zero item, 320px, RTL, numa página temporária, e marca o que quebrou.

Uma bancada com cada estado de um componente, carregando, vazio, erro, plano e permissão, com dado de mentira e um seletor por teclado, pra trabalhar um de cada vez.

Constrói a partir de um link do Figma ou de um print, com os tokens e componentes do projeto, e compara lado a lado antes de dizer que terminou.

Uma entrevista dura antes de construir, uma pergunta por vez, até não sobrar decisão em aberto.

1. Quem pode cancelar: a pessoa, o suporte, ou os dois?
   Recomendo os dois, com motivo obrigatório pro suporte.

Projeto novo: stack com justificativa escrita, segurança no dia um, infraestrutura reprodutível e o loop de feedback antes do primeiro commit.

Stack       Next.js + Postgres, porque…
Segurança   headers, secrets fora do repo, CI com auditoria
Loop        lint + tipos + teste rodando antes do 1º commit

Vermelho, verde, refatora, uma fatia vertical por vez.

✗ prorates a mid-cycle upgrade      vermelho, pelo motivo certo
✓ prorates a mid-cycle upgrade      verde, o mínimo
↺ extrai daysLeft()                 refatora, ainda verde

Bug difícil e regressão de performance, em seis fases com trava entre elas: reproduzir, isolar, minimizar, explicar, corrigir, travar.

Fase 1  Reproduzido: 2 entregas com 40ms de intervalo
Fase 3  Mínimo: sem lock na chave de idempotência
Trava   teste vermelho antes do fix, verde depois

O diff em dois eixos que não se contaminam, padrão e spec, em subagentes paralelos.

Padrão  2 achados   catch genérico em billing.ts:88
Spec    1 achado    o reembolso parcial da issue não foi feito

Auditoria em todas as camadas, segurança primeiro, a partir de um mínimo inegociável de dez itens, com o fix específico em cada achado.

[CRÍTICO] query sem limite em payouts.ts:41
[ALTO]    retry sem backoff no gateway
Veredito  corrige antes

Cinco checks obrigatórios, fluxos de verdade de ponta a ponta, edge cases, e o que deveria estar testado e não está.

✓ build, tipos, lint, testes, fluxo feliz
✗ cupom expirado no meio do checkout: 500
Gap: nenhum teste cobre troca de moeda

Auditoria em três níveis, e o terceiro encadeia achados médios até virarem críticos.

Cadeia: ID sequencial + rota sem dono checado + resposta com e-mail
        = qualquer pessoa lista todos os clientes [CRÍTICO]

Trava de segurança, reprodutibilidade a partir de um clone limpo, e os checks de cada modelo de distribuição.

✓ clone limpo builda e sobe
✗ .env.example sem STRIPE_WEBHOOK_SECRET
✓ migrations reversíveis, healthcheck real

O roteador sobre todas as outras. Descreva a situação e ele diz qual skill resolve, e por quê.

/break: renderiza o card com o pior conteúdo numa página só
e diz qual skill é dona de cada quebra.