Communitygithub.com

BIGboss248/nextjs-wordpress

Motor de regras autocorretivo e loop de feedback que aprende com correções do usuário, erros e restrições específicas do projeto, mantendo um conjunto de regras de autofix persistente. Escaneia regras aprendidas antes de iniciar qualquer tarefa, resolve conflitos e anexa automaticamente novas regras mediante correções. Dispara mediante correções do usuário ("não, faça deste jeito", "nunca faça X", "sempre use Y"), /learn, "reparo automático", "adicione regra", "atualize regras", ou ao diagnosticar suposições e bugs. HABILIDADE DE CICLO DE VIDA CRÍTICA SEMPRE ATIVA. Deve sempre ser mantida em contexto, carregada no início da sessão e consultada antes de iniciar QUALQUER tarefa para ler e aplicar restrições ativas de autofix.json. DEVE SEMPRE ser acionada imediatamente sempre que o usuário fornecer QUALQUER correção, preferência, crítica, rejeição de uma abordagem ou ajuste ("não", "não faça X", "use Y", "lembre-se", "prefira"), ou quando qualquer erro/bug for identificado. Automática e imediatamente formula e anexa a nova regra imperativa ao arquivo de regras autofix.json do projeto.

O que é nextjs-wordpress?

Este Skill implementa um motor de regras autocorretivo para agentes de IA, criando um loop de aprendizado contínuo a partir das correções e preferências do usuário. Ele mantém um arquivo `autofix.json` que armazena regras imperativas sobre estilo de código, arquitetura, ferramentas, processos, dados, UX e outros aspectos do projeto. Ao iniciar qualquer tarefa, o skill lê e aplica essas regras como restrições rígidas, evitando que o agente repita erros ou ignore preferências do usuário entre sessões. Quando o usuário faz uma correção (ex: "não faça X, use Y"), rejeita uma abordagem, ou usa comandos como `/learn`, o skill automaticamente formula e anexa uma nova regra numerada sequencialmente ao arquivo, resolvendo conflitos pela precedência das regras mais recentes (número maior vence). É uma habilidade crítica de ciclo de vida, projetada para plataformas como Claude Code, Cursor e Codex, garantindo que o agente evolua e se adapte rigidamente às convenções do projeto e preferências do usuário ao longo do tempo, sem necessidade de reconfiguração manual.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/BIGboss248/nextjs-wordpress/tree/HEAD/.agents/skills/self-repair

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Auto-Reparo (Motor de Regras Autocorretivo)

Um motor de memória e aprendizado autocorretivo que registra correções, convenções de projeto e correções de bugs em um arquivo de regras persistente (autofix.json). Ele garante que o agente se adapte continuamente, elimine erros repetidos entre sessões e siga rigidamente as preferências do usuário.

Por que isso funciona: Agentes de IA tendem a repetir as mesmas suposições padrão ou erros estilísticos em novas sessões. Ao externalizar o conhecimento aprendido em um conjunto de regras JSON imperativo e versionado, com precedência estrita (regras mais novas vencem), o agente retém limites rígidos adaptados ao usuário e repositório específicos.


Armazenamento e Configuração

O skill procura o arquivo de regras em um dos seguintes locais (em ordem de prioridade):

  1. .agents/autofix.json
  2. autofix.json (na raiz do workspace)
  3. .rules/autofix.json

Se nenhum existir quando uma nova regra precisar ser adicionada, ele cria .agents/autofix.json (ou autofix.json na raiz, dependendo da convenção do projeto).

Esquema de Regra

Cada regra é armazenada dentro de um array JSON com o seguinte esquema:

[
  {
    "Rule_number": 1,
    "Category": "CODE",
    "Instruction": "Nunca use exportações padrão para componentes React - sempre use exportações nomeadas.",
    "Why": "Garante consistência com a base de código e simplifica a refatoração."
  }
]

Categorias Permitidas

CategoriaDescriçãoExemplos
[STYLE]Formatação de código, convenções de nomenclatura, ordenação de imports, comentários"Sempre use camelCase para funções auxiliares"
[CODE]Padrões de linguagem, escolhas de bibliotecas, definições de tipo, tratamento de erros"Nunca use any em TypeScript; use unknown com guards de tipo"
[ARCH]Estrutura de diretórios, limites de módulos, camadas arquiteturais"Rotas de API ficam em src/server/routes/, não em src/api/"
[TOOL]Comandos CLI, ferramentas de build, gerenciadores de pacotes, frameworks de teste"Sempre use pnpm em vez de npm ou yarn"
[PROCESS]Fluxo de trabalho Git, mensagens de commit, requisitos de PR, portas de teste"Nunca adicione emojis a mensagens de commit"
[DATA]Esquemas de banco de dados, migrações, estratégias de cache, formatos de estado"Sempre inclua timestamps created_at e updated_at nas tabelas"
[UX]Comportamentos de UI, convenções de texto, padrões de acessibilidade"Sempre forneça um aria-label explícito para botões apenas com ícone"
[OTHER]Preferências gerais ou específicas de domínio do projeto"Sempre documente endpoints de API pública em formato de tabela markdown"

Fluxo de Trabalho Operacional

[Início da Sessão / Tarefa Recebida]
            │
            ▼
┌─────────────────────────────────┐
│ 1. Varredura Pré-Tarefa         │ ◄── Ler autofix.json
│    - Carregar todas as regras   │
│    - Resolver conflitos (nova>antiga)
│    - Construir restrições ativas│
└────────────┬────────────────────┘
             │
             ▼
┌─────────────────────────────────┐
│ 2. Execução da Tarefa           │
│    - Aplicar restrições         │
│    - Executar código/edições    │
└────────────┬────────────────────┘
             │
             ├───────────────────────────────────────────┐
             │                                           │
     [Sem Correções]                          [Gatilho Detectado]
             │                                           │
             ▼                                           ▼
┌─────────────────────────────────┐       ┌─────────────────────────────────┐
│ Tarefa Concluída                │       │ 3. Auto-Reparo e Captura        │
│ Entregar saída ao usuário       │       │    - Formular regra imperativa  │
└─────────────────────────────────┘       │    - Anexar ao autofix.json     │
                                          │    - Reconhecer aprendizado     │
                                          └──────────────┬──────────────────┘
                                                         │
                                                         ▼
                                          ┌─────────────────────────────────┐
                                          │ 4. Reexecutar e Corrigir        │
                                          │ Corrigir saída atual da tarefa  │
                                          └─────────────────────────────────┘

Execução Detalhada Passo a Passo

1. Varredura Pré-Tarefa (Antes de Fazer Qualquer Coisa)

Antes de planejar ou modificar arquivos em qualquer tarefa:

  1. Localizar e carregar autofix.json.
  2. Examinar as regras:
    • Verificar se alguma regra se aplica diretamente aos arquivos, ferramentas ou padrões envolvidos no prompt atual.
  3. Resolver conflitos:
    • Se duas regras fornecerem orientação conflitante, a regra de número mais alto (mais nova) vence.
  4. Manter restrições ativas:
    • Tratar todas as regras ativas como restrições rígidas (equivalente a CONSTRAINTS do contrato de prompt).

2. Quando Adicionar uma Regra (Condições de Gatilho)

Disparar imediatamente a captura de regra quando qualquer um dos seguintes ocorrer:

  • Usuário corrige explicitamente a saída: por exemplo, "Não, não use X, faça com Y", "Não usamos componentes de classe aqui".
  • Usuário rejeita um arquivo, abordagem ou padrão: por exemplo, "Não coloque arquivos de teste ao lado do código fonte".
  • Usuário declara uma preferência pessoal/de equipe: por exemplo, "Sempre formate mensagens de commit como Conventional Commits", "Nunca use emojis em documentação".
  • Um bug foi causado por suposições erradas: O agente assumiu uma biblioteca ou localização de arquivo que causou uma falha.
  • Usuário executa /learn ou pede para lembrar de uma regra.

3. Anexando uma Nova Regra

Quando um gatilho ocorre, execute a seguinte atualização atômica:

  1. Ler o array autofix.json existente.
  2. Determinar o próximo Rule_number sequencial:
    • Se o número de regra mais alto existente for $N$, a nova regra é $N + 1$.
    • Se o arquivo estiver vazio ou for novo, começar em 1.
  3. Formatar o novo objeto de regra:
    • Rule_number: Inteiro sequencial.
    • Category: Uma das categorias padrão (STYLE, CODE, ARCH, TOOL, PROCESS, DATA, UX, OTHER).
    • Instruction: Escrita em formato imperativo estrito: "Nunca/Sempre faça X - porque Y."
    • Why: Razão breve (por exemplo, "preferência do usuário", "padrão da base de código", "limitação do framework").
  4. Anexar a regra ao array JSON e salvar o arquivo formatado com indentação de 2 espaços.
  5. Nunca deletar regras existentes. Se uma regra antiga for substituída, escrever a nova regra para que seu número mais alto tenha precedência.
  6. Notificar brevemente o usuário:

    "Regra #<N> aprendida ([CATEGORIA]): <Instrução> — registrada em autofix.json."


4. Exemplo de Arquivo de Regras (autofix.json)

[
  {
    "Rule_number": 1,
    "Category": "PROCESS",
    "Instruction": "Nunca adicione emojis a mensagens de commit - mantenha títulos de commit como Conventional Commits simples.",
    "Why": "preferência do usuário"
  },
  {
    "Rule_number": 2,
    "Category": "ARCH",
    "Instruction": "Sempre coloque manipuladores de rota de API em 'src/server/routes/', nunca em 'src/api/' - mantenha arquitetura de backend consistente.",
    "Why": "padrão existente da base de código"
  },
  {
    "Rule_number": 3,
    "Category": "CODE",
    "Instruction": "Sempre use esquemas Zod para validação de entrada em todos os pontos de entrada externos - evite entradas de runtime sem tipo.",
    "Why": "previne erros de runtime e impõe tipos"
  }
]

Melhores Práticas e Casos de Borda

  • Escrita JSON Atômica: Sempre analisar o array JSON existente, anexar o novo objeto e salvar de volta um JSON válido. Nunca corrompa o arquivo com texto sem escape.
  • Concreto e Imperativo: Escreva regras que outra IA possa seguir sem ambiguidade. Evite conselhos vagos como "Escreva código limpo"; prefira "Sempre exporte tipos junto com implementações de componentes em arquivos .types.ts".
  • Evite Loops Infinitos: Ao registrar uma regra, não dispare um loop de auto-reparo separado para o próprio arquivo de regras.
  • Substituindo Regras: Se a Regra 1 disser "Use Axios" e o usuário depois instruir "Migre tudo para Fetch", adicione a Regra 4 "Sempre use Fetch nativo em vez de Axios" com Why: "usuário solicitou migração para Fetch nativo (substitui a Regra 1)".

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

BIGboss248/nextjs-wordpress

Create, configure, manage, and validate Google Antigravity customizations including skills, rules, MCP servers, lifecycle hooks, plugins, and custom JSON configs. Use when adding new capabilities to Antigravity, configuring MCP servers, writing rules, creating skills, setting up hooks, or modernizing legacy workflows.

BIGboss248/nextjs-wordpress

Spawn multiple agents into a shared conversation where they debate, disagree, and converge on a solution via a shared chat.json file. Use for architecture decisions, code review debates, design trade-offs, or any problem that benefits from adversarial reasoning. Triggers on "chatroom", "agent debate", "have agents discuss", "agent chatroom", "debate this", or /agent-chatrooms. Also triggers on phrases like "have 3 agents argue about", "multi-agent discussion", or "let them debate".

BIGboss248/nextjs-wordpress

Always-active code intelligence, search, and navigation skill utilizing the codebase-memory MCP server. Enforces an index-first protocol (verifying and refreshing the knowledge graph via index_repository or index_status before searching, required because background auto_watch is disabled to eliminate editor stutter and system lag), followed by graph-first exploration (search_graph, trace_path, get_code_snippet, query_graph, get_architecture, detect_changes) instead of naive text grep or full-file reads. Always activate before searching the codebase, inspecting unknown architecture, finding symbols, or tracing callers/callees.

BIGboss248/nextjs-wordpress

>- Discover, interview, and craft comprehensive UX/UI design specifications (design-spec.md) and design tokens for web components. Triggers on "/component-design", "design component", "design section", "design UI", "wireframe component", or "create design spec".

BIGboss248/nextjs-wordpress

>- Configure and query WooCommerce APIs including WPGraphQL, WooGraphQL, and JWT auth for headless frontends. Use when connecting Next.js to WooCommerce or fetching store catalog data.

BIGboss248/nextjs-wordpress

Orchestrate parallel browser automation using multiple Chrome DevTools MCP instances. Use when a task requires doing the same browser action across many targets simultaneously (e.g., submitting contact forms, filling applications, scraping pages that need JS rendering). Spin up 1-5 parallel Chrome agents.

BIGboss248/nextjs-wordpress

Workflow for spawning an independent subagent to conduct unbiased code reviews and inject adversarial edge-case tests ([ComponentName].edge.test.tsx).

BIGboss248/nextjs-wordpress

>- Build Next.js App Router React components with Suspense skeletons, semantic OKLCH tokens, Jest + RTL unit tests, Playwright visual/hydration checks, and Tailwind logical styling. Triggers on "/nextjs-component-dev", "create component", "new component", "build component", or "develop component".

BIGboss248/nextjs-wordpress

>- Bootstrap, configure, and verify the complete Next.js App Router development environment, developer tooling, testing suites, MCP servers, Docker containerization, and CI/CD. Triggers on "/nextjs-dev-setup", "setup nextjs dev environment", "start a nextjs project", or "containerize nextjs app".

BIGboss248/nextjs-wordpress

>- Configure production health monitoring endpoints (/api/health), Docker Compose probes, and runtime metrics in Next.js App Router applications. Use when asked to "setup health check", "add health endpoint", "docker compose healthcheck nextjs", "configure health monitor", or "/nextjs-healthcheck".

BIGboss248/nextjs-wordpress

Bootstrap, configure, and verify next-intl App Router internationalization (proxy.ts/middleware.ts, next/root-params, [locale] layout, routing). Triggers on "/nextjs-i18n-setup", "setup i18n", "install next-intl", "configure next-intl", "add internationalization", "setup locale routing", "migrate to [locale]".

BIGboss248/nextjs-wordpress

Read/write translation dictionaries (messages/[locale].json), next-intl hooks (getTranslations/useTranslations), providers (Storybook/tests/subtrees), and BiDi styling. Triggers on "/nextjs-i18n-usage", "i18n dictionary", "use translations", "read dictionary", "i18n provider", "next-intl hooks", "storybook i18n", "test i18n", "add translation keys", "localize component", "create a component", "update a component".

BIGboss248/nextjs-wordpress

>- Configure, test, and verify OpenTelemetry (OTel) observability in Next.js App Router applications. Triggers on "/nextjs-otel", "setup otel", "configure opentelemetry", "test otel", or "verify opentelemetry".

BIGboss248/nextjs-wordpress

Step-by-step workflow for designing and building Next.js App Router pages (RSC page.tsx, loading skeleton, metadata, JSON-LD schema, and dynamic static params). Triggers on "/nextjs-page-dev", "create page", "new page", "develop page", "build route", or "implement page".

BIGboss248/nextjs-wordpress

>- Orchestrate end-to-end planning for Next.js App Router projects, generating canonical specifications, design systems, and a 7-phase modular implementation roadmap in docs/plan/. Triggers on "/nextjs-plan", "plan a nextjs project", "plan nextjs app", "create nextjs project plan", "outline nextjs architecture", or "generate plan".

BIGboss248/nextjs-wordpress

Workflow and engineering standards for crafting co-located Storybook CSF3 stories ([ComponentName].stories.tsx) with interactive controls, action spies, and 4 canonical theme variants.

BIGboss248/nextjs-wordpress

>- Build Next.js e-commerce frontends backed by WooCommerce APIs, handling ISR catalogs, cart sessions, and JWT authentication. Use when building or querying Next.js stores with WooCommerce.

BIGboss248/nextjs-wordpress

Setup, automate, and execute SEO audits, CI/CD pre-push/pre-deploy checks, and ranking optimizations using the seo CLI and MCP server.

BIGboss248/nextjs-wordpress

End-to-end repository onboarding and development environment setup skill. Scans repository structure, configures project metadata (docs/project.json), sets up the codebase-memory-mcp code intelligence knowledge graph server (in workspace mcp.json and globally for AGY only), configures git hooks with Husky and Commitlint, establishes multi-stage production Docker containerization, and automates credit-optimized Release Please CI/CD with multi-arch (AMD64 & ARM64) GHCR package deployment. Triggers on "/setup-repository", "setup repository", "setup repo", "initialize repository", "new repo setup", or when preparing any repository for development and AI agent workflows.

BIGboss248/nextjs-wordpress

AI screen scaffolding, layout generation, and variant exploration workflow powered by Google Stitch (StitchMCP). Consumes a component design specification (docs/design/components/[page name]/[component name]/design-spec.md), verifies and reuses the central Stitch project in docs/project.json (or creates/persists one if absent), seeds the project's design system into Stitch, synthesizes layout prompts to generate a screen and create one variant of the given design spec file, downloads and saves Stitch JPG screenshots and HTML code files directly into docs/design/components/[page name]/[component name]/stitch/ using binary-safe PowerShell Invoke-WebRequest, outputs image prompts to the user if visual assets are needed (without calling generate_image to conserve tokens), updates design-spec.md with Stitch layout benchmarks, and audits asset download integrity with an independent subagent. Triggers on "/stitch-design", "generate stitch screen", "create stitch variant", "scaffold screen with stitch", or "stitch...

Habilidades Relacionadas