O que ai-web-agent-skill faz?
Instruções unificadas para agentes de IA em projetos React/Next.js — compatível com Claude Code, Codex CLI, opencode e Grok Build
Visão Geral
Este skill padroniza a forma como agentes de IA interagem com projetos React/Next.js. Ao descrever as regras do projeto em um único local, você garante que qualquer agente compatível siga as mesmas diretrizes, reduzindo erros e melhorando a produtividade.
Plataformas Suportadas
- Claude Code: funciona como instruções do sistema ou regras do projeto.
- Codex CLI: integra-se ao fluxo de trabalho de linha de comando.
- Opencode: compatível com configurações de projeto baseadas em agente.
- Grok Build: suportado durante a geração e compilação de código.
Como Usar
- Adicione este arquivo
SKILL.mdà raiz do seu projeto. - Configure seu agente para ler
SKILL.md(a maioria dos agentes faz isso por padrão). - O agente seguirá as regras definidas neste skill ao trabalhar no seu projeto.
Diretrizes
Estrutura do Projeto
- Mantenha os componentes em
/components. - Páginas e rotas vão em
/app(Next.js App Router) ou/pages(Next.js Pages Router). - Estilos globais em
/styles.
Práticas Recomendadas
- Use componentes funcionais com hooks.
- Prefira TypeScript em vez de JavaScript.
- Trate erros com blocos try/catch.
- Evite mutações diretas de estado;
Tratamento de Erros
Se encontrar um erro, o agente deve:
- Identificar e registrar o erro.
- Tentar uma operação alternativa.
- Se o erro persistir, notificar o usuário com uma mensagem clara.
Licença
MIT