Communitygithub.com

BIGboss248/nextjs-wordpress

Habilidade de inteligência de código, busca e navegação sempre ativa que utiliza o servidor MCP codebase-memory. Impõe um protocolo de índice primeiro (verificar e atualizar o grafo de conhecimento via index_repository ou index_status antes de pesquisar, já que o auto_watch em segundo plano está desabilitado para eliminar travamentos e queda de desempenho), seguido por exploração baseada no grafo (search_graph, trace_path, get_code_snippet, query_graph, get_architecture, detect_changes) em vez de grep textual ingênuo ou leitura de arquivos completos. Deve ser ativada sempre antes de pesquisar a base de código, inspecionar arquitetura desconhecida, encontrar símbolos ou rastrear chamadores/chamados.

O que é nextjs-wordpress?

Esta habilidade padroniza a exploração e compreensão de bases de código usando o servidor MCP **codebase-memory**, garantindo que agentes de IA (como Claude Code) operem de forma eficiente e sem gerar sobrecarga no sistema. O princípio central é um protocolo 'índice primeiro': como o `auto_watch` está desabilitado para evitar lentidão durante a edição ativa, o agente deve sempre verificar se o índice do grafo de conhecimento está atualizado (`index_status`) ou acionar uma reindexação sob demanda (`index_repository`) antes de qualquer busca. Após garantir que o índice está fresco, a navegação segue uma hierarquia que prioriza ferramentas baseadas em grafo: `search_graph` para encontrar símbolos, `trace_path` para rastrear chamadores e chamados, `get_code_snippet` para recuperar código cirurgicamente e `detect_changes` para mapear o raio de impacto de alterações. O uso de `grep` textual (`search_code` ou `run_command`) é reservado apenas como último recurso para textos literais em arquivos de marcação, configuração ou estilos, e para trechos de código que o parser não conseguiu indexar. A habilidade também define um fluxo de trabalho operacional padrão com etapas claras: sincronização do índice, descoberta de símbolos, rastreamento de relacionamentos, recuperação de código e exploração de arquitetura, tudo documentado com exemplos concretos de chamadas JSON para cada ferramenta. É útil para qualquer desenvolvedor ou agente que precise navegar rapidamente por grandes bases de código, entender dependências e realizar refatorações seguras, sem consumir contexto excessivo ou causar degradação de desempenho na IDE.

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

Perguntar na sua IA favorita

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

Documentação

Memória de Código & Inteligência em Grafos (codebase-memory)

Esta habilidade define os padrões de engenharia, procedimentos operacionais e contratos de uso de ferramentas para explorar, pesquisar e entender código usando o grafo de conhecimento codebase-memory MCP.


Invariante Central: O Protocolo de Índice Primeiro

[!CRITICAL] INVARIANTE DE ÍNDICE PRIMEIRO: A reindexação automática em segundo plano está permanentemente desabilitada (auto_watch = false) neste workspace para evitar sobrecarga de disco, sobrecarga de serialização zstd e lentidão do sistema durante a edição ativa de arquivos.

Consequentemente, o agente DEVE SEMPRE verificar a atualidade do índice ou acionar uma reindexação sob demanda (index_repository) antes de executar buscas no grafo de conhecimento do código.

Sempre que você for encarregado de encontrar um símbolo, entender um módulo, investigar um bug ou preparar uma refatoração, execute a Portaria de Índice Primeiro antes de fazer chamadas de busca.


Hierarquia de Ferramentas: Grafo Primeiro, Grep Depois

Ao descobrir, navegar ou revisar código, siga estritamente esta hierarquia de precedência:

flowchart TD
    Tarefa[Tarefa de Descoberta / Investigação de Código] --> Frescura{Índice Fresco?}
    Frescura -->|Não / Desconhecido / Após Edições| Sinc[index_repository modo: 'fast' ou 'moderate']
    Frescura -->|Sim| Estratégia{Tipo de Consulta}
    Sinc --> Estratégia

    Estratégia -->|Símbolo / Função / Interface| BuscaGrafo[search_graph BM25 ou semantic_query]
    Estratégia -->|Chamadores / Chamados / Dependências| RastrearCaminho[trace_path callers / callees]
    Estratégia -->|Raio de Impacto de Mudanças| DetectarMudancas[detect_changes diff para conjunto de impacto]
    Estratégia -->|Código Fonte Exato| ObterTrecho[get_code_snippet linhas precisas]
    Estratégia -->|Camadas do Sistema e Módulos Centrais| ObterArq[get_architecture nós de alta centralidade]
    Estratégia -->|Strings Literais / Não Código / Assets| FallbackGrep[search_code ou run_command grep]
  1. search_graph > grep textual: Busca estrutural ranqueada BM25 com divisão camelCase, boosting de rótulos (Funções +10, Rotas +8, Interfaces +5) e embeddings vetoriais.
  2. trace_path > navegação manual de arquivos: Resolução instantânea de grafos de chamadores e chamados em vários saltos.
  3. get_code_snippet > view_file em arquivos grandes: Recupera a declaração e o corpo exatos de um símbolo com linhas de início/fim e contagens de chamadores sem aumentar o contexto do agente.
  4. detect_changes > inspeção manual de diff: Mapeia diffs do git (since: "HEAD~1", base_branch: "main") diretamente para seu raio de impacto transitivo.
  5. Fallback Grep: Use search_code ou run_command (git grep, rg) APENAS para:
    • Texto literal em markdown (.md), config (.json) ou folhas de estilo (.css).
    • Intervalos de linhas explicitamente sinalizados sob parse_partial em index_status.
    • Arquivos excluídos por design via .cbmignore.

Fluxo de Trabalho Operacional Padrão

Etapa 1: Portaria de Sincronização do Índice (Primeira Ação Obrigatória)

Antes de emitir consultas de busca, determine o nome do projeto e garanta que o grafo reflita as edições recentes do sistema de arquivos.

  1. Identificar o Nome do Projeto: Chame list_projects se o identificador do projeto for desconhecido:

    {
      "ServerName": "codebase-memory",
      "ToolName": "list_projects",
      "Arguments": {}
    }
    

    (Neste workspace, o nome de projeto derivado é "D-Scripts-aminwebsite").

  2. Verificar Status ou Atualizar Índice: Se arquivos foram criados ou modificados durante a sessão, chame index_repository:

    {
      "ServerName": "codebase-memory",
      "ToolName": "index_repository",
      "Arguments": {
        "repo_path": "d:/Scripts/aminwebsite",
        "mode": "fast"
      }
    }
    
    • Seleção de Modo:
      • mode: "fast": Parse incremental, arquivos filtrados, sem embeddings vetoriais semânticos. Rápido e leve para desenvolvimento ativo.
      • mode: "moderate": Parse incremental + embeddings de similaridade vetorial para ponte conceitual em linguagem natural.
    • Inspeção de Cobertura: Verifique a resposta para:
      • parse_partial: Arquivos onde determinados intervalos de linhas tiveram erros de parse.
      • skipped: Arquivos completamente ignorados (por exemplo, binários ou muito grandes).

Etapa 2: Descoberta de Símbolos e Estruturas (search_graph)

Encontre funções, interfaces, tipos, componentes e definições de rotas.

{
  "ServerName": "codebase-memory",
  "ToolName": "search_graph",
  "Arguments": {
    "project": "D-Scripts-aminwebsite",
    "query": "LocaleSwitcher"
  }
}
  • Descoberta em Linguagem Natural: Use query para busca por palavra-chave / BM25 (ex.: "theme toggle transition", "locale routing").
  • Padrão de Nome Exato: Use name_pattern para filtragem por regex (ex.: ".*Provider.*", ".*Skeleton.*").
  • Busca Conceitual Semântica: Use semantic_query: ["i18n", "language", "switch"] (requer array de strings) para preencher lacunas de vocabulário.
  • Lidando com Truncamento (has_more): Se a resposta retornar "has_more": true, faça paginação adicionando "offset": <current_offset + limit>.

Etapa 3: Rastreamento de Relacionamentos e Raio de Impacto

Nunca modifique uma função ou interface sem inspecionar seus dependentes.

  1. Rastrear Chamadores e Chamados (trace_path):

    {
      "ServerName": "codebase-memory",
      "ToolName": "trace_path",
      "Arguments": {
        "project": "D-Scripts-aminwebsite",
        "function_name": "D-Scripts-aminwebsite.app.components.LocaleSwitcher.handleSelectLocale",
        "direction": "both",
        "depth": 3
      }
    }
    
    • direction: "inbound": Identifica todos os chamadores que dependem desta função (raio de impacto).
    • direction: "outbound": Identifica funções downstream chamadas por este símbolo.
    • direction: "both": Cadeia de chamadas bidirecional completa.
  2. Mapear Conjunto de Impacto de Diff Git (detect_changes): Antes de commitar ou finalizar alterações, avalie o raio de impacto:

    {
      "ServerName": "codebase-memory",
      "ToolName": "detect_changes",
      "Arguments": {
        "project": "D-Scripts-aminwebsite",
        "base_branch": "main",
        "scope": "impact"
      }
    }
    

Etapa 4: Recuperação Cirúrgica de Código (get_code_snippet)

Em vez de consumir contexto visualizando arquivos inteiros com view_file, recupere implementações exatas de símbolos:

{
  "ServerName": "codebase-memory",
  "ToolName": "get_code_snippet",
  "Arguments": {
    "project": "D-Scripts-aminwebsite",
    "qualified_name": "D-Scripts-aminwebsite.app.components.LocaleSwitcher.LocaleSwitcher"
  }
}

A resposta inclui:

  • start_line e end_line exatos
  • Código fonte limpo do símbolo
  • Contagens diretas de chamadores e chamados

Etapa 5: Exploração de Arquitetura de Alto Nível (get_architecture)

Ao se orientar em um novo subsistema ou entender a topologia do sistema:

{
  "ServerName": "codebase-memory",
  "ToolName": "get_architecture",
  "Arguments": {
    "project": "D-Scripts-aminwebsite",
    "aspects": ["layers", "hub_nodes"]
  }
}

Identifica os principais componentes de hub arquitetural, dependências centrais e hierarquia de camadas.


Matriz de Referência de Ferramentas MCP Lazy

CapacidadeFerramentaParâmetros ObrigatóriosParâmetros Opcionais Principais
Verificar Statusindex_statusprojectN/A
Acionar Indexaçãoindex_repositoryrepo_pathmode ("fast", "moderate", "full"), persistence
Listar Projetoslist_projectsNenhumN/A
Buscar Símbolossearch_graphprojectquery, name_pattern, semantic_query, limit, offset
Rastrear Cadeia de Chamadastrace_pathproject, function_namedirection ("inbound", "outbound", "both"), depth, mode
Recuperar Código Fonteget_code_snippetproject, qualified_nameinclude_neighbors
Raio de Impactodetect_changesprojectbase_branch, since, scope ("impact", "files"), depth
Arquiteturaget_architectureprojectaspects (["hub_nodes"], ["layers"], ["all"])
Texto Literalsearch_codeproject, queryfile_pattern, case_sensitive, limit

Guardrails e Antipadrões Comuns

AntipadrãoPadrão Operacional Correto
Pesquisar sem verificar a atualidade do índiceSempre chame index_repository(mode: "fast") ou verifique com index_status primeiro, pois o auto_watch em segundo plano está desabilitado.
Usar grep para encontrar definições de funçãoChame search_graph com o nome do símbolo; ele retorna nomes qualificados, caminhos de arquivo exatos, intervalos de linhas e contagens de chamadores.
Ler 1000 linhas de um arquivo para ver 1 funçãoChame get_code_snippet com o qualified_name do símbolo.
Ler manualmente cada arquivo para encontrar chamadoresChame trace_path com direction: "inbound".
Assumir que o grafo está 100% completoO grafo funciona com base no melhor esforço. Se index_status listar arquivos sob parse_partial, use grep textual para esses intervalos de linhas sinalizados.
Ativar auto_watchNunca ative auto_watch; mantenha-o false para preservar o desempenho máximo durante o desenvolvimento interativo.

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

>- 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

Self-correcting rules engine and feedback loop that learns from user corrections, mistakes, and project-specific constraints by maintaining a persistent autofix ruleset. Scans learned rules before starting any task, resolves conflicts, and automatically appends new rules upon corrections. Triggers on user corrections ("no, do it this way", "never do X", "always use Y"), /learn, "self repair", "add rule", "update rules", or when diagnosing assumptions and bugs. CRITICAL ALWAYS-ACTIVE LIFECYCLE SKILL. Must always be kept in context, loaded at session start, and consulted before starting ANY task to read and apply active constraints from autofix.json. MUST ALWAYS be triggered immediately whenever the user provides ANY correction, preference, criticism, rejection of an approach, or adjustment ("no", "don't do X", "use Y", "remember", "prefer"), or when any mistake/bug is identified. Automatically and immediately formulates and appends the new imperative rule to the project's autofix.json ruleset file.

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