Prepare um ciclo de qualidade para código feito com IA

Registre o ponto de partida

Escolha um fluxo curto, como cadastrar um item e encontrá-lo na lista. Execute o app, guarde uma captura e anote o comando de teste ou lint que já existe. Mantenha as alterações em uma branch. O objetivo é comparar o comportamento antes e depois, não instalar cinco ferramentas sem saber o que cada uma mudou.

Leia e examine a skill antes de ativá-la

Baixe a skill candidata em uma pasta de inspeção, fora dos diretórios carregados automaticamente pelo agente. Leia SKILL.md, scripts e dependências. O SkillSpector pode acrescentar uma análise; a opção --no-llm evita a etapa baseada em provedor de modelo, mas não transforma o scan em garantia de segurança.

Instale o scanner pela origem indicada e adapte o caminho da segunda linha à pasta escolhida. Revise os achados e o alcance da análise antes de mover a skill para o ambiente do agente.

uv tool install git+https://github.com/NVIDIA/skillspector.git
skillspector scan ./pasta-da-skill --no-llm

Faça o Reticle observar um fluxo verificável

Na pasta do app, com o servidor de desenvolvimento funcionando, peça primeiro o plano de integração. O init adiciona dependências, configuração e registros do agente; confira o diff antes de manter a mudança. Depois de aplicar o init documentado, reinicie o servidor para carregar a instrumentação.

Peça um teste com resultado esperado: criar um item, atualizar a página e encontrá-lo. O Reticle pode concluir yes, no ou unknown. Trate unknown como pendência, não como aprovação.

npx @reticlehq/server init --dry-run
npx @reticlehq/server init
npx @reticlehq/server status

Experimente respostas mais curtas com controle

O Chisle altera instruções e, em integrações compatíveis, trata saídas de ferramentas. Veja primeiro o plano de instalação e limite o escopo ao agente em avaliação. Compare a mesma tarefa com e sem a configuração: resultado, explicação útil, erros omitidos e custo observado.

Se a resposta ficar curta demais para investigar um problema, desligue a intervenção. O README oferece npx chisle --uninstall para remover a instalação; economia anunciada pelo autor não é resultado garantido no seu trabalho.

npx chisle --dry-run
npx chisle --only claude

Revise a interface com um alvo definido

O UI Skills permite consultar orientações por tema. Comece pelo baseline da interface e escolha uma tela. Peça achados sobre hierarquia, campos, foco, espaçamento e adaptação mobile. A seguir, selecione no máximo três mudanças e compare capturas da mesma tela e dos mesmos estados.

npx ui-skills start
npx ui-skills get baseline-ui

Acrescente lint compatível com o projeto

Anti-Slop reúne regras para JavaScript e TypeScript baseadas em Oxlint. Instale a skill de configuração, peça ao agente para mostrar quais arquivos e regras serão alterados e adapte o conjunto à base existente. Não desative regras atuais apenas para obter uma saída verde.

Rode o comando de lint real do projeto, classifique os achados e revise correções automáticas no diff. Uma regra de estilo não demonstra correção de negócio.

npx skills add dmmulroy/anti-slop --skill install-anti-slop

Feche o ciclo com evidências do mesmo pedido

Peça ao agente para repetir o fluxo original, rodar as verificações afetadas e listar falhas ou pontos inconclusivos. Compare o resultado com o registro inicial. Mantenha só as integrações que trouxeram informação útil e documente sua configuração para que outra pessoa consiga repetir o processo.

Verifique o fluxo de criar e reencontrar um item usando os mesmos critérios do início. Liste: resultado observado no navegador, erros de rede ou console, saída do lint e limitações da verificação. Se alguma etapa não rodou, diga qual e por quê. Não declare aprovação com base apenas em uma captura.