Antes de começar
- Projeto versionado e agente de programação configurado.
- Node.js para OmniRoute; Python 3.10+ e uv para Graphify.
- Chaves de API ou conexões de provedores cujo uso no cliente escolhido seja permitido. OmniRoute é opcional.
Defina uma mudança e o que provará que ela funciona
Use como exemplo adicionar um filtro de categorias a um catálogo. O filtro deve atualizar os resultados, mostrar estado vazio e permitir voltar à lista completa. Registre o comando que inicia o projeto e como verificar esses três comportamentos.
As quatro ferramentas têm funções diferentes: Ponytail orienta simplicidade, Graphify mapeia relações, OmniRoute encaminha requisições e o pacote de Addy organiza o processo de desenvolvimento.
Ative uma regra de simplicidade com Ponytail
No Claude Code, o README oferece os comandos abaixo. Leia as instruções e mantenha as orientações existentes do projeto. Em outros agentes, siga a seção de instalação específica; copiar um AGENTS.md por cima do atual pode apagar regras importantes.
Peça ao agente para procurar componentes, funções e recursos nativos antes de criar uma abstração. Compare manutenção e comportamento, sem usar redução de linhas como único critério.
/plugin marketplace add DietrichGebert/ponytail
/plugin install ponytail@ponytailFaça um mapa do código com Graphify
Instale a CLI em um ambiente isolado pelo método documentado. Na pasta do projeto, registre a skill no escopo local e peça /graphify . ao agente compatível. Antes de incluir documentos, imagens ou vídeos, confira o fluxo: o mapa de código usa análise de sintaxe; outros materiais podem envolver o modelo do assistente ou uma API.
Depois, peça o caminho entre a entrada de busca, o estado do filtro e a lista renderizada. Abra ao menos dois arquivos citados para confirmar a relação, pois parte das ligações pode ser inferida.
uv tool install graphifyy
graphify install --projectConfigure roteamento apenas se houver uma necessidade real
OmniRoute pode reunir conexões sob um endpoint local, mas não fornece contas, assinaturas ou créditos. Instale pela origem do projeto, inicie o painel e conecte um provedor por API ou pelo método permitido pelos termos daquela conta. Comece com um único modelo elegível para entender o fluxo.
A documentação usa http://localhost:20128/v1 como base local. O cliente também precisa da chave OmniRoute gerada no painel, separada da credencial do provedor. Não exponha esse endpoint na internet para fazer um teste.
npm install -g omniroute
omnirouteValide o caminho da requisição antes de habilitar fallback
Envie uma mensagem de teste sem dados privados. Confira no painel qual conexão e modelo atenderam, se houve erro e qual uso foi registrado. Só depois avalie uma segunda conexão e uma política de fallback.
Uma resposta de outro modelo pode ter capacidades, limites e custos diferentes. Se a conta estiver sem crédito ou sem permissão, resolva essa condição; não trate o roteador como forma de ultrapassar restrições de provedores.
Selecione as skills do processo que você vai usar
O pacote de Addy Osmani cobre etapas como especificação, implementação e revisão. Liste as skills e escolha as pertinentes ao filtro. Para um primeiro uso, a revisão de qualidade pode ser suficiente; não é obrigatório carregar o pacote inteiro.
Peça um plano curto com os arquivos que mudam e a evidência esperada. Na implementação, preserve o comportamento que já existe e use os componentes encontrados no mapa.
npx skills add addyosmani/agent-skills --list
npx skills add addyosmani/agent-skills --skill code-review-and-qualityRevise o diff e os três comportamentos originais
Confira o filtro com uma categoria que tem itens, uma que não tem e a opção de limpar. Rode as verificações adequadas à mudança e peça uma revisão do diff. Se houver problema, corrija e repita o cenário afetado.
Registre quais ferramentas ajudaram e remova configurações que não serão usadas. Publicação deve ocorrer apenas depois de revisar a versão e seu destino; instalar skills não publica o projeto.
Revise a alteração do filtro. Verifique resultados corretos, estado vazio e retorno à lista completa. Aponte evidências do navegador ou dos testes, mudanças desnecessárias e limitações. Não declare pronto se algum critério não foi verificado.O que você terá ao final
Um filtro entregue com mapa de dependências, implementação pequena, revisão e verificação dos comportamentos. Se usado, o roteador terá uma conexão validada com a sua própria conta.
Vale conferir
- Os componentes deste kit não são todos plugins: há skills, um indexador e um roteador de modelos.
- Não há economia fixa de tokens nem acesso ilimitado garantido. Compare o uso observado no seu ambiente.
- Graphify pode utilizar modelos para materiais semânticos; confira o destino dos dados antes de incluí-los.
- OmniRoute exige credenciais próprias e uso autorizado pelo provedor; este guia não recomenda contornar cotas ou termos.
- Instalações e requisições não foram executadas nesta pesquisa.