Ferramentas

Habilidade de Agente de Código Aberto para Padrões de TypeScript, React e Next.js

✍️ OpenClawRadar📅 Publicado: April 16, 2026🔗 Source
Habilidade de Agente de Código Aberto para Padrões de TypeScript, React e Next.js
Ad

Um desenvolvedor publicou uma Habilidade de Agente de código aberto — uma referência estruturada em markdown — com o objetivo de melhorar a forma como assistentes de IA geram e revisam código para projetos TypeScript, React e Next.js.

O Que É

A habilidade é uma referência de 4.000 linhas contida em 17 arquivos. Não é um tutorial nem um pacote npm, mas um documento para ser consumido por agentes de IA. Foi criada para abordar problemas recorrentes que o autor encontrou em código de frontend gerado por IA, incluindo:

  • Usar asserções de tipo as User em respostas de API em vez de validação em tempo de execução.
  • Colocar diretivas "use client" em páginas inteiras incorretamente.
  • Escrever hooks useEffect com dependências de objeto instáveis.
  • Falhar em distinguir entre bugs reais e meras preferências de estilo durante a revisão de código.
Ad

Principais Recursos e Estrutura

A referência é estruturada com rótulos específicos para orientar as decisões do agente:

  • [REGRAS RÍGIDAS]: Padrões que devem ser seguidos.
  • [PADRÃO]: Abordagens padrão recomendadas.
  • [SITUACIONAL]: Padrões a serem aplicados apenas em contextos específicos.

Inclui fluxogramas de decisão para ajudar os agentes a escolherem o padrão correto, três manuais de depuração para erros de tipo, problemas de hidratação e problemas com useEffect, e heurísticas de revisão de código que separam riscos reais de preferências estilísticas.

Instalação e Compatibilidade

Para instalar, execute:

git clone https://github.com/leejpsd/typescript-react-patterns ~/.claude/skills/typescript-react-patterns

O autor afirma que funciona com Claude Code, Cursor, Codex e Gemini CLI. Feedback sobre padrões ausentes ou orientações incorretas é solicitado.

📖 Leia a fonte completa: r/ClaudeAI

Ad

👀 See Also

OpenGauge: Ferramenta de código aberto para monitorar custos de agentes de LLM localmente
Tools

OpenGauge: Ferramenta de código aberto para monitorar custos de agentes de LLM localmente

OpenGauge é uma ferramenta de código aberto que monitora chamadas de API de agentes de LLM como OpenClaw, registrando o uso de tokens, custos e latência em um banco de dados SQLite local. Inclui modo proxy para registro automático, estatísticas detalhadas de custos e funcionalidade de disjuntor para evitar loops descontrolados.

OpenClawRadar
DESIGN.md: Uma especificação de formato para descrever identidade visual para agentes de codificação
Tools

DESIGN.md: Uma especificação de formato para descrever identidade visual para agentes de codificação

DESIGN.md combina tokens de design YAML com prosa em markdown para dar a agentes de IA uma compreensão estruturada e persistente de um sistema de design. Inclui um linter e uma ferramenta de diff.

OpenClawRadar
Flotilla v0.5.0 reformula a execução em segundo plano para superar os limites de crédito do Claude SDK
Tools

Flotilla v0.5.0 reformula a execução em segundo plano para superar os limites de crédito do Claude SDK

Flotilla v0.5.0 substitui a execução sequencial de agentes por loops paralelos não bloqueantes, timeouts de 30 minutos por agente e delegação local para reduzir o uso de créditos SDK.

OpenClawRadar
ClawNet: Rede de Agentes de IA Ponto a Ponto Sem Chaves de API
Tools

ClawNet: Rede de Agentes de IA Ponto a Ponto Sem Chaves de API

ClawNet é uma rede peer-to-peer que permite que agentes de IA colaborem diretamente sem chaves de API ou taxas de plataforma. A instalação é feita via script curl, e os recursos incluem um bazar de tarefas, economia de shell e rede de conhecimento.

OpenClawRadar