Communitygithub.com

BIGboss248/nextjs-wordpress

Selbstkorrigierende Regeln-Engine und Feedback-Loop, die aus Benutzerkorrekturen, Fehlern und projektspezifischen Einschränkungen lernt, indem sie einen persistenten Autofix-Regelsatz verwaltet. Scannt gelernte Regeln vor jeder Aufgabe, löst Konflikte und hängt bei Korrekturen automatisch neue Regeln an.

Was ist nextjs-wordpress?

Dieser Skill implementiert eine selbstkorrigierende Regeln-Engine, die es KI-Agenten ermöglicht, aus Benutzerkorrekturen, Fehlern und projektspezifischen Präferenzen zu lernen. Wichtigstes Merkmal ist die persistente Speicherung von Regeln in einer `autofix.json`-Datei, die vor jeder Aufgabe gelesen wird, um konstante Einschränkungen anzuwenden. Der Skill wird bei verschiedenen Auslösern aktiviert: explizite Benutzerkorrekturen („nein, mach es so“, „nie X“), der Befehl `/learn`, Begriffe wie „self repair“ oder „add rule“, sowie bei der Diagnose von Annahmen und Fehlern. Unterstützt werden Kategorien wie STYLE, CODE, ARCH, TOOL, PROCESS, DATA, UX und OTHER. Der Workflow umfasst einen Pre-Task-Scan, die Aufgabenausführung unter Anwendung der Regeln und eine Self-Repair-Phase, in der neue Regeln erstellt und die Ausgabe korrigiert wird. Der Skill muss immer aktiv im Kontext sein und bei Sitzungsstart geladen werden.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Self-Repair (Selbstkorrigierende Regeln-Engine)

Eine selbstkorrigierende Gedächtnis- und Lern-Engine, die Korrekturen, Projektkonventionen und Fehlerbehebungen in einer persistenten Regelsatzdatei (autofix.json) aufzeichnet. Sie stellt sicher, dass der Agent sich kontinuierlich anpasst, wiederholte Fehler sitzungsübergreifend vermeidet und streng an Benutzerpräferenzen hält.

Warum das funktioniert: KI-Agenten neigen dazu, dieselben Standardannahmen oder Stilfehler über frische Sitzungen hinweg zu wiederholen. Durch die Externalisierung gelernter Kenntnisse in einen imperativen, versionierten JSON-Regelsatz mit strikter Priorität (neuere Regeln gewinnen) behält der Agent harte Grenzen bei, die auf den spezifischen Benutzer und das Repository zugeschnitten sind.


Speicherung & Konfiguration

Der Skill sucht die Regelsatzdatei an einem der folgenden Orte (in der Reihenfolge der Priorität):

  1. .agents/autofix.json
  2. autofix.json (im Workspace-Root)
  3. .rules/autofix.json

Wenn keine Datei existiert, wenn eine neue Regel hinzugefügt werden muss, erstellt er .agents/autofix.json (oder autofix.json im Root, je nach Projektkonvention).

Regelschema

Jede Regel wird in einem JSON-Array mit folgendem Schema gespeichert:

[
  {
    "Rule_number": 1,
    "Category": "CODE",
    "Instruction": "Never use default exports for React components - always use named exports.",
    "Why": "Ensures consistency with the codebase and simplifies refactoring."
  }
]

Erlaubte Kategorien

KategorieBeschreibungBeispiele
[STYLE]Code-Formatierung, Namenskonventionen, Import-Reihenfolge, Kommentare„Immer camelCase für Hilfsfunktionen verwenden“
[CODE]Sprachmuster, Bibliotheksauswahl, Typdefinitionen, Fehlerbehandlung„Nie any in TypeScript verwenden; stattdessen unknown mit Typschutz“
[ARCH]Verzeichnisstruktur, Modulgrenzen, Architekturschichten„API-Routen befinden sich in src/server/routes/, nicht in src/api/"
[TOOL]CLI-Befehle, Build-Tools, Paketmanager, Test-Frameworks„Immer pnpm anstelle von npm oder yarn verwenden“
[PROCESS]Git-Workflow, Commit-Nachrichten, PR-Anforderungen, Test-Gates„Nie Emojis zu Commit-Nachrichten hinzufügen“
[DATA]Datenbankschemata, Migrationen, Caching-Strategien, Zustandsformen„Immer created_at- und updated_at-Zeitstempel in Tabellen einfügen“
[UX]UI-Verhalten, Kopierkonventionen, Barrierefreiheitsstandards„Immer ein explizites aria-label für reine Icon-Buttons bereitstellen“
[OTHER]Allgemeine projekt- oder domänenspezifische Präferenzen„Immer öffentliche API-Endpunkte im Markdown-Tabellenformat dokumentieren“

Betriebsablauf

[Sitzungsstart / Aufgabe erhalten]
            │
            ▼
┌───────────────────────────────┐
│ 1. Voraufgaben-Scan           │ ◄── autofix.json lesen
│    - Alle Regeln laden        │
│    - Konflikte lösen (neu>alt) │
│    - Aktive Einschränkungen   │
│      aufbauen                 │
└───────────┬───────────────────┘
            │
            ▼
┌───────────────────────────────┐
│ 2. Aufgabenausführung         │
│    - Einschränkungen anwenden │
│    - Code / Änderungen        │
│      ausführen                │
└───────────┬───────────────────┘
            │
            ├─────────────────────────────────────────┐
            │                                         │
     [Keine Korrekturen]                     [Auslöser erkannt]
            │                                         │
            ▼                                         ▼
┌───────────────────────────────┐       ┌───────────────────────────────┐
│ Aufgabe abgeschlossen         │       │ 3. Self-Repair & Erfassen     │
│ Ausgabe an Benutzer liefern   │       │    - Imperative Regel         │
└───────────────────────────────┘       │      formulieren             │
                                        │    - An autofix.json anhängen │
                                        │    - Lernen bestätigen        │
                                        └─────────────┬─────────────────┘
                                                      │
                                                      ▼
                                        ┌───────────────────────────────┐
                                        │ 4. Erneut ausführen &        │
                                        │    korrigieren               │
                                        │    Aktuelle Aufgabenausgabe  │
                                        │    korrigieren               │
                                        └───────────────────────────────┘

Detaillierte Schritt-für-Schritt-Ausführung

1. Voraufgaben-Scan (Bevor irgendetwas getan wird)

Vor der Planung oder Änderung von Dateien in einer Aufgabe:

  1. autofix.json finden und laden.
  2. Regeln scannen:
    • Prüfen, ob eine Regel direkt auf die Dateien, Werkzeuge oder Muster zutrifft, die in der aktuellen Eingabeaufforderung vorkommen.
  3. Konflikte lösen:
    • Wenn zwei Regeln widersprüchliche Anweisungen geben, gewinnt die höher nummerierte (neuere) Regel.
  4. Einschränkungen aktiv halten:
    • Alle aktiven Regeln als harte Einschränkungen behandeln (äquivalent zu Prompt-Vertrag CONSTRAINTS).

2. Wann eine Regel hinzugefügt werden soll (Auslösebedingungen)

Regelerfassung sofort auslösen, wenn einer der folgenden Fälle eintritt:

  • Benutzer korrigiert Ausgabe explizit: z.B. "Nein, verwende nicht X, mach es mit Y", "Wir verwenden hier keine Klassenkomponenten".
  • Benutzer lehnt eine Datei, einen Ansatz oder ein Muster ab: z.B. "Testdateien nicht neben Quellcode ablegen".
  • Benutzer äußert eine persönliche/Team-Präferenz: z.B. "Commit-Nachrichten immer als Conventional Commits formatieren", "Keine Emojis in Dokumentationen".
  • Ein Bug wurde durch falsche Annahmen verursacht: Der Agent hat eine Bibliothek oder einen Dateipfad angenommen, die zu einem Fehler geführt haben.
  • Benutzer führt /learn aus oder bittet, eine Regel zu merken.

3. Anhängen einer neuen Regel

Wenn ein Auslöser auftritt, führen Sie das folgende atomare Update durch:

  1. Vorhandenes autofix.json-Array lesen.
  2. Nächste sequentielle Rule_number ermitteln:
    • Wenn die höchste vorhandene Regelnummer $N$ ist, ist die neue Regel $N + 1$.
    • Wenn die Datei leer oder neu ist, bei 1 beginnen.
  3. Neues Regelobjekt formatieren:
    • Rule_number: Aufeinanderfolgende ganze Zahl.
    • Category: Eine der Standardkategorien (STYLE, CODE, ARCH, TOOL, PROCESS, DATA, UX, OTHER).
    • Instruction: Im strengen Imperativ geschrieben: "Nie/Immer X tun - weil Y."
    • Why: Kurzer Grund (z.B. "Benutzerpräferenz", "Codebase-Muster", "Framework-Einschränkung").
  4. Regel in das JSON-Array anhängen und die Datei mit 2-Freizeichen-Einrückung speichern.
  5. Vorhandene Regeln niemals löschen. Wenn eine alte Regel ersetzt wird, die neue Regel so schreiben, dass ihre höhere Nummer Vorrang hat.
  6. Benutzer kurz benachrichtigen:

    "Regel #<N> ([KATEGORIE]) gelernt: <Anweisung> — in autofix.json aufgezeichnet."


4. Beispiel-Regeldatei (autofix.json)

[
  {
    "Rule_number": 1,
    "Category": "PROCESS",
    "Instruction": "Never add emojis to commit messages - keep commit titles plain Conventional Commits.",
    "Why": "user preference"
  },
  {
    "Rule_number": 2,
    "Category": "ARCH",
    "Instruction": "Always place API route handlers in 'src/server/routes/', never in 'src/api/' - maintain consistent backend architecture.",
    "Why": "existing codebase pattern"
  },
  {
    "Rule_number": 3,
    "Category": "CODE",
    "Instruction": "Always use Zod schemas for input validation on all external entry points - prevent untyped runtime inputs.",
    "Why": "prevents runtime errors and enforces types"
  }
]

Bewährte Praktiken & Randfälle

  • Atomares JSON-Schreiben: Immer das vorhandene JSON-Array parsen, das neue Objekt anhängen und gültiges JSON zurückschreiben. Die Datei niemals mit nicht escaptem Text beschädigen.
  • Konkret & Imperativ: Regeln so schreiben, dass ein anderer KI sie eindeutig befolgen kann. Vage Ratschläge wie "Schreibe sauberen Code" vermeiden; stattdessen "Immer Typen zusammen mit Komponentenimplementierungen in .types.ts-Dateien exportieren" bevorzugen.
  • Keine Endlosschleifen: Beim Aufzeichnen einer Regel keine separate Self-Repair-Schleife für die Regeldatei selbst auslösen.
  • Ersetzende Regeln: Wenn Regel 1 besagt "Verwende Axios" und der Benutzer später anweist "Migriere alles zu Fetch", dann Regel 4 hinzufügen: "Immer natives Fetch anstelle von Axios verwenden" mit Why: "Benutzer forderte Migration zu nativem Fetch an (ersetzt Regel 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...

Verwandte Skills