Communitygithub.com

BIGboss248/nextjs-wordpress

Motor de reglas auto-corregible y bucle de retroalimentación que aprende de las correcciones del usuario, errores y restricciones específicas del proyecto, manteniendo un conjunto persistente de reglas de corrección automática.

¿Qué es nextjs-wordpress?

Esta habilidad implementa un motor de reglas auto-corregible diseñado para agentes de IA que trabajan en proyectos de desarrollo de software. Su propósito principal es eliminar la repetición de errores y malas prácticas a lo largo de las sesiones, aprendiendo de las correcciones del usuario y almacenándolas en un archivo `autofix.json` persistente. Es una habilidad de ciclo de vida crítico que debe cargarse al inicio de cada sesión y consultarse antes de comenzar cualquier tarea para aplicar las restricciones activas. El agente monitorea constantemente las correcciones del usuario (como "no", "nunca hagas X", "siempre usa Y") y comandos como `/learn` o "self repair". Cuando se detecta una corrección, la habilidad formula automáticamente una regla imperativa y la agrega al archivo de reglas, asegurando que el agente se adapte continuamente a las preferencias del proyecto y del usuario. Soporta múltiples categorías de reglas (ESTILO, CÓDIGO, ARQUITECTURA, HERRAMIENTA, PROCESO, DATOS, UX, OTROS) y resuelve conflictos dando prioridad a las reglas más nuevas (número de regla más alto).

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Auto-Reparación (Motor de Reglas Auto-Corregible)

Un motor de memoria y aprendizaje auto-corregible que registra correcciones, convenciones del proyecto y correcciones de errores en un archivo de reglas persistente (autofix.json). Asegura que el agente se adapte continuamente, elimine errores repetidos entre sesiones y se adhiera estrictamente a las preferencias del usuario.

Por qué funciona: Los agentes de IA tienden a repetir las mismas suposiciones o errores de estilo en sesiones nuevas. Al externalizar el conocimiento aprendido en un conjunto de reglas JSON imperativo y versionado con precedencia estricta (las reglas más nuevas ganan), el agente mantiene límites duros adaptados al usuario y repositorio específicos.


Almacenamiento y Configuración

La habilidad busca el archivo de reglas en una de las siguientes ubicaciones (en orden de prioridad):

  1. .agents/autofix.json
  2. autofix.json (en la raíz del espacio de trabajo)
  3. .rules/autofix.json

Si ninguno existe cuando se necesita agregar una nueva regla, crea .agents/autofix.json (o autofix.json en la raíz, dependiendo de la convención del proyecto).

Esquema de Regla

Cada regla se almacena dentro de un arreglo JSON con el siguiente esquema:

[
  {
    "Rule_number": 1,
    "Category": "CODE",
    "Instruction": "No usar nunca exportaciones por defecto para componentes React - usar siempre exportaciones con nombre.",
    "Why": "Asegura consistencia con la base de código y simplifica la refactorización."
  }
]

Categorías Permitidas

CategoríaDescripciónEjemplos
[STYLE]Formateo de código, convenciones de nomenclatura, orden de importaciones, comentarios"Usar siempre camelCase para funciones auxiliares"
[CODE]Patrones de lenguaje, elecciones de librerías, definiciones de tipo, manejo de errores"No usar nunca any en TypeScript; usar unknown con guards de tipo"
[ARCH]Estructura de directorios, límites de módulos, capas arquitectónicas"Las rutas de API viven en src/server/routes/, no en src/api/"
[TOOL]Comandos CLI, herramientas de construcción, gestores de paquetes, frameworks de pruebas"Usar siempre pnpm en lugar de npm o yarn"
[PROCESS]Flujo de trabajo Git, mensajes de commit, requisitos de PR, compuertas de pruebas"No agregar nunca emojis a los mensajes de commit"
[DATA]Esquemas de base de datos, migraciones, estrategias de caché, formas de estado"Incluir siempre marcas de tiempo created_at y updated_at en las tablas"
[UX]Comportamientos de UI, convenciones de copia, estándares de accesibilidad"Proporcionar siempre un aria-label explícito para botones solo con icono"
[OTHER]Preferencias generales del proyecto o dominio específico"Documentar siempre los endpoints de API pública en formato de tabla markdown"

Flujo de Trabajo Operativo

[Inicio de Sesión / Tarea Recibida]
            │
            ▼
┌───────────────────────────────┐
│ 1. Escaneo Pre-Tarea          │ ◄── Leer autofix.json
│    - Cargar todas las reglas  │
│    - Resolver conflictos (nueva>antigua)
│    - Construir restricciones activas │
└───────────┬───────────────────┘
            │
            ▼
┌───────────────────────────────┐
│ 2. Ejecución de Tarea         │
│    - Aplicar restricciones    │
│    - Ejecutar código/ediciones│
└───────────┬───────────────────┘
            │
            ├─────────────────────────────────────────┐
            │                                         │
     [Sin Correcciones]                     [Disparador Detectado]
            │                                         │
            ▼                                         ▼
┌───────────────────────────────┐       ┌───────────────────────────────┐
│ Tarea Completa                │       │ 3. Auto-Reparación y Captura │
│ Entregar resultado al usuario │       │    - Formular regla imperativa│
└───────────────────────────────┘       │    - Anexar a autofix.json   │
                                        │    - Confirmar aprendizaje   │
                                        └─────────────┬─────────────────┘
                                                      │
                                                      ▼
                                        ┌───────────────────────────────┐
                                        │ 4. Re-ejecutar y Corregir    │
                                        │ Corregir la salida actual    │
                                        └───────────────────────────────┘

Ejecución Detallada Paso a Paso

1. Escaneo Pre-Tarea (Antes de Hacer Cualquier Cosa)

Antes de planificar o modificar archivos en cualquier tarea:

  1. Localizar y cargar autofix.json.
  2. Escaneo de las reglas:
    • Verificar si alguna regla aplica directamente a los archivos, herramientas o patrones involucrados en el prompt actual.
  3. Resolver conflictos:
    • Si dos reglas dan instrucciones contradictorias, la regla con el número más alto (más nueva) gana.
  4. Mantener restricciones activas:
    • Tratar todas las reglas activas como restricciones estrictas (equivalente a CONSTRAINTS del contrato de prompt).

2. Cuándo Agregar una Regla (Condiciones de Disparo)

Activar inmediatamente la captura de reglas cuando ocurra cualquiera de los siguientes casos:

  • El usuario corrige explícitamente la salida: p. ej., "No, no uses X, hazlo con Y", "Aquí no usamos componentes de clase".
  • El usuario rechaza un archivo, enfoque o patrón: p. ej., "No pongas archivos de prueba junto al código fuente".
  • El usuario establece una preferencia personal/de equipo: p. ej., "Formatea siempre los mensajes de commit como Conventional Commits", "No uses nunca emojis en las docs".
  • Un error fue causado por suposiciones incorrectas: El agente asumió una librería o ubicación de archivo que provocó un fallo.
  • El usuario ejecuta /learn o pide recordar una regla.

3. Anexar una Nueva Regla

Cuando ocurre un disparador, realizar la siguiente actualización atómica:

  1. Leer el arreglo existente de autofix.json.
  2. Determinar el siguiente Rule_number secuencial:
    • Si el número de regla más alto existente es $N$, la nueva regla es $N + 1$.
    • Si el archivo está vacío o es nuevo, comenzar en 1.
  3. Dar formato al nuevo objeto de regla:
    • Rule_number: Entero secuencial.
    • Category: Una de las categorías estándar (STYLE, CODE, ARCH, TOOL, PROCESS, DATA, UX, OTHER).
    • Instruction: Escrita en formato imperativo estricto: "Nunca/Siempre haz X - porque Y."
    • Why: Razón breve (p. ej. "preferencia del usuario", "patrón de la base de código", "limitación del framework").
  4. Anexar la regla al arreglo JSON y guardar el archivo con sangría de 2 espacios.
  5. Nunca eliminar reglas existentes. Si una regla antigua es reemplazada, escribir la nueva regla para que su número más alto tenga prioridad.
  6. Notificar brevemente al usuario:

    "Regla aprendida #<N> ([CATEGORÍA]): <Instrucción> — registrada en autofix.json."


4. Archivo de Reglas de Ejemplo (autofix.json)

[
  {
    "Rule_number": 1,
    "Category": "PROCESS",
    "Instruction": "No agregar nunca emojis a los mensajes de commit - mantener títulos de commit como Conventional Commits simples.",
    "Why": "preferencia del usuario"
  },
  {
    "Rule_number": 2,
    "Category": "ARCH",
    "Instruction": "Colocar siempre los manejadores de rutas de API en 'src/server/routes/', nunca en 'src/api/' - mantener una arquitectura de backend consistente.",
    "Why": "patrón de la base de código existente"
  },
  {
    "Rule_number": 3,
    "Category": "CODE",
    "Instruction": "Usar siempre esquemas Zod para validación de entrada en todos los puntos de entrada externos - prevenir entradas de ejecución sin tipo.",
    "Why": "previene errores de ejecución y aplica tipos"
  }
]

Mejores Prácticas y Casos Especiales

  • Escritura JSON Atómica: Analizar siempre el arreglo JSON existente, anexar el nuevo objeto y escribir de vuelta un JSON válido. Nunca corromper el archivo con texto sin escapar.
  • Concreto e Imperativo: Escribir reglas que otra IA pueda seguir sin ambigüedad. Evitar consejos vagos como "Escribir código limpio"; preferir "Exportar siempre los tipos junto con las implementaciones de componentes en archivos .types.ts".
  • Sin Bucles Infinitos: Al registrar una regla, no disparar un bucle de auto-reparación separado para el archivo de reglas en sí.
  • Reglas que Reemplazan: Si la Regla 1 dice "Usar Axios" y el usuario luego indica "Migrar todo a Fetch", agregar la Regla 4 "Usar siempre Fetch nativo en lugar de Axios" con Why: "usuario solicitó migración a fetch nativo (reemplaza la Regla 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...

Skills relacionados