BIGboss248/nextjs-wordpress

Fertigkeit zum End-to-End-Onboarding und zur Einrichtung der Entwicklungsumgebung für Repositories. Scannt die Repository-Struktur, konfiguriert Projektmetadaten (docs/project.json), richtet den Code-Intelligenz-Wissensgraphen-Server codebase-memory-mcp ein (im Workspace mcp.json und global nur für AGY), konfiguriert Git-Hooks mit Husky und Commitlint, erstellt mehrstufige Docker-Container für die Produktion und automatisiert ein credit-optimiertes Release-Please-CI/CD mit Multi-Arch (AMD64 & ARM64) GHCR-Paketbereitstellung. Wird durch "/setup-repository", "setup repository", "setup repo", "initialize repository", "new repo setup" oder bei der Vorbereitung eines Repositories für Entwicklungs- und KI-Agenten-Workflows ausgelöst.

Was ist nextjs-wordpress?

Diese Fertigkeit automatisiert die vollständige Einrichtung und Konfiguration eines Software-Repositories für die Entwicklung mit KI-Agenten. Sie führt eine automatische Erkennung des Frameworks, der Laufzeitumgebung und der Konventionen durch, ohne den Benutzer zu unterbrechen, und erstellt oder aktualisiert eine zentrale, maschinenlesbare Konfigurationsdatei (`docs/project.json`). Die Fertigkeit richtet den leistungsstarken Code-Intelligenz-Server `codebase-memory-mcp` ein, der einen persistenten Wissensgraphen über die Codebasis aufbaut, und konfiguriert Git-Hooks mit Husky und Commitlint, um Conventional Commits und Testausführung vor dem Push zu erzwingen. Darüber hinaus erstellt sie ein mehrstufiges Docker-Container-Setup für die Produktion und eine automatisierte CI/CD-Pipeline mit Release Please, die semantische Versionierung, Multi-Architektur-Builds (AMD64 und ARM64) und die Veröffentlichung im GitHub Container Registry (GHCR) umfasst. Die Fertigkeit ist so konzipiert, dass sie mit Plattformen wie Cursor, Codex und Claude Code funktioniert, wobei die globale MCP-Registrierung speziell für Google Antigravity (AGY) reserviert ist.

Funktioniert mit✓Claude Code~Codex CLI✓Cursor✓Antigravity✓Gemini CLI
npx skills add https://github.com/BIGboss248/nextjs-wordpress/tree/HEAD/.agents/skills/setup-repository

Installed? Explore more Produktivität & Zusammenarbeit skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Universelle Repository-Einrichtungs- & Umgebungs-Fertigkeit (setup-repository)

Diese Fertigkeit richtet die Standard-Entwicklungsumgebung für jedes Software-Repository ein, konfiguriert und validiert sie. Sie umfasst die Erkennung von Projektmetadaten, Git-Hygiene, Code-Intelligenz mit codebase-memory-mcp (konfiguriert im Workspace und global nur für Google Antigravity / AGY), Commit-Standardisierung mit Husky & Commitlint, produktionsreife Docker-Containerisierung und automatisierte Release-Please- & Multi-Arch-GHCR-CI/CD-Bereitstellung.


Workflow-Übersicht

flowchart TD
    A["1. Automatisierte Erkennung & unterbrechungsfreier Scan"] --> B["2. Projektmetadaten-Ground-Truth (docs/project.json)"]
    B --> C["3. Codebase-Memory-MCP-Einrichtung (Workspace & AGY Global)"]
    C --> D["4. Git-Hooks- & Commitlint-Konfiguration"]
    D --> E["5. Produktions-Docker- & Compose-Stacks"]
    E --> F["6. Release-Please- & Multi-Arch-GHCR-CI/CD"]
    F --> G["7. Überprüfung der Umgebungssanität"]
    G --> H["8. Standardisierter Ausführungsbericht & Git-Anleitung"]

Schritt 1: Automatisierte Erkennung & Repository-Scan (Keine-Unterbrechungs-Regel)

[!IMPORTANT] FRAGEN SIE DEN BENUTZER NICHT, WENN INFORMATIONEN IN REPOSITORY-DATEIEN VERFÜGBAR SIND. Scannen Sie zuerst Repository-Dateien, Konfigurationen und Dokumentationen in docs/. Leiten Sie Laufzeitumgebung, Tooling und Konventionen automatisch ab. Fragen Sie den Menschen nur nach fehlenden oder mehrdeutigen Konfigurationen.

1.1. Automatisierte Inspektion (Keine-Unterbrechungs-Regel)

  1. Framework & Laufzeit erkennen:
    • Untersuchen Sie Paketmanifeste: package.json (Node/Bun), pyproject.toml / requirements.txt (Python), Cargo.toml (Rust), go.mod (Go), etc.
    • Erkennen Sie den Paketmanager anhand von Lockfiles:
      • pnpm-lock.yaml → pnpm
      • bun.lockb / bun.lock → bun
      • yarn.lock → yarn
      • package-lock.json → npm
  2. Vorhandene Dokumentation scannen:
    • Lesen Sie CONTEXT.md, docs/plan.md, docs/adr/*.md und README.md, um Architekturstandards, Testsuiten und Sprachkonventionen zu extrahieren.
  3. Git-Working-Tree überprüfen:
    • Überprüfen Sie den Git-Status und -Branch. Alle Inspektions- und Befehlsschritte müssen als einzelne, diskrete Operationen ohne Verkettung ausgeführt werden.

1.2. Interaktive Klärung (KI-gestütztes Scaffolding)

Wenn kritische Parameter fehlen, mehrdeutig sind oder aus vorhandenen Dateien nicht ermittelt werden können, stellen Sie dem Benutzer fokussierte Fragen mit klaren Optionen:

### 📋 Repository-Setup & CI/CD-Konfiguration

Um den standardmäßigen CI/CD-Workflow für dieses Repository zu konfigurieren, bestätigen oder spezifizieren Sie bitte:

1. **Primäre Sprache & Laufzeit**: (z.B. Node.js / TypeScript, Python, Go, Rust, Java, C++)
2. **Testbefehl**: (z.B. `pnpm test`, `pytest`, `cargo test`, `go test ./...`)
3. **Build-Befehl**: (z.B. `pnpm run build`, `cargo build --release`, `go build`, `none`)
4. **Release / Publish-Ziel**:
   - [ ] Docker-Container-Image (GHCR / Docker Hub)
   - [ ] Paketregister (npm, PyPI, Crates.io, Maven)
   - [ ] Binäre Release-Assets (GitHub Releases)
   - [ ] Statische Seite / Dokumentation (GitHub Pages)
   - [ ] Keines (nur CI-Tests & SemVer-Git-Tags)

Schritt 2: Projektmetadaten-Ground-Truth (docs/project.json)

Pflegen Sie eine zentrale, maschinenlesbare Konfigurationsdatei unter docs/project.json, damit alle KI-Agenten und spezialisierten Fertigkeiten denselben Kontext teilen.

Standard-docs/project.json-Vorlage:

{
  "project_context_and_metadata": {
    "project_name": "my-project",
    "runtime": "node",
    "package_manager": "pnpm",
    "source_dir": "src",
    "test_command": "pnpm test",
    "build_command": "pnpm run build",
    "testing_library": ["jest", "playwright"],
    "containerization": "docker-standalone",
    "ci_cd_provider": "github-actions",
    "release_automation": "release-please",
    "publish_target": "container"
  }
}
  1. Stellen Sie sicher, dass das Verzeichnis docs/ existiert.
  2. Schreiben oder aktualisieren Sie docs/project.json mit den ermittelten oder bestätigten Konfigurationswerten.

Schritt 3: codebase-memory-mcp Code-Intelligenz-Server einrichten

Statten Sie das Repository mit dem persistenten Wissensgraphen-Server codebase-memory-mcp aus (162 Sprachen, Tree-Sitter AST, hybride LSP-Semantik-Typauflösung und 100% lokale Vektorsuche).

3.1. Binärdatei installieren

Wählen Sie die plattformspezifische Methode:

  • Windows (PowerShell):
    Invoke-WebRequest -Uri https://raw.githubusercontent.com/DeusData/codebase-memory-mcp/main/install.ps1 -OutFile install.ps1
    Unblock-File .\install.ps1
    .\install.ps1
    Remove-Item .\install.ps1
    
  • macOS / Linux (Bash):
    curl -fsSL https://raw.githubusercontent.com/DeusData/codebase-memory-mcp/main/install.sh | bash
    
  • Globales npm-Paket als Alternative:
    npm install -g codebase-memory-mcp@latest
    

3.2. MCP-Server registrieren (Workspace & nur AGY Global)

[!IMPORTANT] Die globale MCP-Registrierung ist NUR für Antigravity (AGY) vorgesehen. Antigravity entdeckt und lädt MCP-Server, die global auf dem Hostsystem konfiguriert sind. Konfigurieren oder registrieren Sie MCP-Server NIEMALS global für andere Coding-Agenten (z. B. Claude Desktop, Cursor, VS Code, Cline). Registrieren Sie den MCP-Server an den folgenden Orten:

  1. Workspace-Root mcp.json:
    {
      "mcpServers": {
        "codebase-memory": {
          "command": "codebase-memory-mcp",
          "args": []
        }
      }
    }
    
  2. Workspace-Agenten-Konfiguration (.agents/mcp_config.json) (falls das Repository .agents/ verwendet):
    {
      "mcpServers": {
        "codebase-memory": {
          "command": "codebase-memory-mcp",
          "args": []
        }
      }
    }
    
  3. Globale Host-Konfiguration (nur Google Antigravity / AGY): Fügen Sie codebase-memory ausschließlich zu den AGY-Host-Konfigurationen hinzu:
    • ~/.gemini/antigravity/mcp_config.json
    • ~/.gemini/config/mcp_config.json (Nicht in Claude Desktop, Cursor oder anderen Coding-Agenten registrieren):
    {
      "mcpServers": {
        "codebase-memory": {
          "command": "codebase-memory-mcp",
          "args": []
        }
      }
    }
    

3.3. Git-Hygiene & Persistenz

3.3. .cbmignore-Ausschlüsse konfigurieren (Editor-Stottern & Erkennungschaos verhindern)

  • Nur lokal (Standard): Fügen Sie .codebase-memory/ zur .gitignore hinzu.

[!IMPORTANT] Stotter-Prävention & Ausschlüsse bei hoher Änderungsrate (.cbmignore): codebase-memory-mcp liest eine .cbmignore-Datei, die sich strikt im Repository-Root befindet (<repo>/.cbmignore), und verwendet die .gitignore-Syntax. Ohne .cbmignore lösen Nicht-Code-Dateien (wie Planungsdokumente, Agenten-Speicher, Test-Artefakte und Build-Caches) bei jeder Bearbeitung kontinuierlich AST-Erkennung, Typauflösung und Festplattenschreibvorgänge aus. Generieren Sie immer <repo>/.cbmignore im Repository-Root:

# codebase-memory-mcp Ignorierregeln (.cbmignore)
# Verhindert, dass Nicht-Code- und Dateien mit hoher Änderungsrate die Graph-Indizierung auslösen oder den AST-Graphen aufblähen.

# Agenten-Logs, Metadaten und Planungsdokumente (hohe Änderungsrate während aktiver Sitzungen)
.agents/
docs/
*.md

# Build-Artefakte & Kompilierungs-Caches
dist/
build/
out/
.next/
.swc/

# Tests, Berichte und Abdeckung
coverage/
test-results/
playwright-report/
blob-report/
.playwright-mcp/
storybook-static/
*storybook.log

# Codebase-Memory lokale Artefakte (Selbstauslösende Schleifen verhindern)
.codebase-memory/

# System und Logs
*.log
*.tsbuildinfo
.DS_Store

# Statische Assets und Medien (keine Code-Symbole)
public/
assets/
*.png
*.jpg
*.jpeg
*.gif
*.svg
*.ico
*.webp
*.mp4
*.mp3
*.pdf

# Umgebung & Lockfiles
.env*
*.pem
*.lock
pnpm-lock.yaml
package-lock.json
yarn.lock
bun.lockb

3.4. Automatische Dateiüberwachung in Sitzungen deaktivieren (auto_watch = false)

[!CAUTION] System-Stottern verhindern: Standardmäßig registriert codebase-memory-mcp verbundene Projekte automatisch bei seinem Hintergrund-Git-Watcher (auto_watch = true). Auf Windows- und Multitasking-Systemen erkennt der Watcher Dateispeicherungen, erzeugt einen index.supervisor-Worker-Prozess und komprimiert .codebase-memory/graph.db.zst mittels zstd bei jedem einzelnen Tastendruck/Speichervorgang, was zu schwerwiegenden Mikro-Stottern in der Editor-UI und im Fenstermanager führt. Deaktivieren Sie die automatische Sitzungsüberwachung immer global:

codebase-memory-mcp config set auto_watch false

Wenn deaktiviert, registrieren sich Sitzungen nicht beim Hintergrund-Watcher, wodurch Editor-Einfrieren vollständig eliminiert werden. Der Graph wird über MCP-Tools abgefragt und explizit bei Bedarf aktualisiert.

3.5. Git-Hygiene & Persistenz

  • Nur lokal (Standard): Fügen Sie .codebase-memory/ zur .gitignore hinzu. Committen Sie das binäre Artefakt nicht bei jedem Speichern.
  • Team-Snapshot-Sharing: Wenn Sie den vorindizierten Graph-Snapshot für das Team committen möchten, verfolgen Sie .codebase-memory/graph.db.zst mit Git LFS in der Root-.gitattributes:
    .codebase-memory/graph.db.zst filter=lfs diff=lfs merge=lfs -text
    

3.4. Erste Indizierung & Kadenz-Skript

3.6. Erste bedarfsgesteuerte Indizierung & Kadenz-Skript

  1. Führen Sie die erste Indizierung bei Bedarf durch (verwenden Sie den moderate- oder fast-Modus, um umfangreiche semantische Embedding-Berechnungen zu überspringen):
    codebase-memory-mcp cli index_repository --repo-path "<canonical-repo-path>"
    codebase-memory-mcp cli index_repository --repo-path "<canonical-repo-path>" --mode moderate
    
  2. Fügen Sie ein Kadenz-Skript zu package.json hinzu, um den Index bei wichtigen Meilensteinen/Commits zu aktualisieren:
    {
      "scripts": {
        "cbm:update": "codebase-memory-mcp cli index_repository --repo-path . --mode moderate --persistence true"
      }
    }
    

Schritt 4: Git-Hooks mit Husky & Commitlint einrichten

Erzwingen Sie Conventional Commits und stellen Sie sicher, dass Testsuiten ausgeführt werden, bevor Code in entfernte Branches gepusht werden kann.

  1. Dev-Abhängigkeiten installieren:
    pnpm add -D husky @commitlint/cli @commitlint/config-conventional
    
  2. commitlint.config.mjs konfigurieren:
    export default {
      extends: ["@commitlint/config-conventional"],
    };
    
  3. Husky initialisieren:
    pnpm exec husky init
    
  4. commit-msg-Hook konfigurieren:
    echo "pnpm exec commitlint --edit \$1" > .husky/commit-msg
    
  5. pre-push-Hook konfigurieren: Erzwingen Sie die Ausführung der Testsuite vor jedem git push:
    echo "pnpm run test:all" > .husky/pre-push
    

    [!NOTE] Stellen Sie sicher, dass Testskripte in package.json sichere Flags enthalten (z. B. --passWithNoTests), damit Repositories ohne Testdateien mit Exit-Code 0 beendet werden, anstatt Pushs zu unterbrechen. Erstellen Sie niemals Beispiel-/Dummy-Testdateien im Workspace.


Schritt 5: Mehrstufige Produktions-Docker-Containerisierung einrichten

Konfigurieren Sie die Containerisierung ausschließlich für eigenständige Produktions-Builds und -Bereitstellungen. Die lokale Entwicklung erfolgt auf dem Host-Rechner mit dem nativen Paketmanager des Projekts.

5.1. .dockerignore konfigurieren

Schließen Sie lokale Artefakte, Git-Verlauf und Geheimnisse aus:

node_modules/
.pnp/
.pnpm-store/
dist/
build/
coverage/
test-results/
.env*
*.log
.git/
.dockerignore
Dockerfile*
docker-compose*.yml
.codebase-memory/

5.2. Mehrstufiges Dockerfile

Erstellen Sie einen 3-stufigen mehrstufigen Build (dependencies → builder → runner), der unter einem sicheren Nicht-Root-Benutzer läuft:

ARG NODE_VERSION=22-slim

FROM node:${NODE_VERSION} AS dependencies
WORKDIR /app
ENV CI=true
COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
RUN --mount=type=cache,target=/root/.local/share/pnpm/store \
  if [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm install --frozen-lockfile; \
  elif [ -f package-lock.json ]; then npm ci; \
  else yarn install --frozen-lockfile; fi

FROM node:${NODE_VERSION} AS builder
WORKDIR /app
COPY --from=dependencies /app/node_modules ./node_modules
COPY . .
ENV NODE_ENV=production
RUN if [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm run build; else npm run build; fi

FROM node:${NODE_VERSION} AS runner
WORKDIR /app
ENV NODE_ENV=production
ARG PORT=3000
ENV PORT=${PORT}
ENV HOSTNAME="0.0.0.0"
COPY --from=builder --chown=node:node /app/dist ./dist
USER node
EXPOSE ${PORT}
CMD ["node", "dist/index.js"]

5.3. Docker-Compose-Stacks

  1. Lokaler Build & Test (docker-compose.yml):
    services:
      app:
        build:
          context: .
          dockerfile: Dockerfile
        container_name: app-production
        restart: unless-stopped
        ports:
          - "${PORT:-3000}:${PORT:-3000}"
        environment:
          - NODE_ENV=production
    
  2. Produktions-Pre-Build-Stack (docker-compose.prod.yml): Zieht vorgebaute Multi-Arch-Images direkt von GHCR ohne Quellcode:
    services:
      app:
        image: ghcr.io/<lowercase-owner>/<lowercase-repo>:${IMAGE_TAG:-latest}
        container_name: app-production
        restart: always
        ports:
          - "${PORT:-3000}:${PORT:-3000}"
        environment:
          - NODE_ENV=production
    

Schritt 6: Credit-Optimiertes CI/CD & Release-Please-Automatisierung einrichten

Automatisieren Sie semantische Releases, Changelogs und die Multi-Arch-Veröffentlichung (AMD64 & ARM64) im GitHub Container Registry über .github/workflows/release-please.yml:

Kern-DevOps-Designregeln:

  1. Automatisiertes Test-Gate: Führt Projekt-Tests bei Pull-Requests und Commits auf main aus.
  2. Release-Please-Automatisierung: Automatisiert Versionssprünge, Changelogs und Release-PRs.
  3. concurrency.cancel-in-progress: false: Brechen Sie niemals Release-Workflows oder Main-Branch-Bereitstellungen ab, die gerade ausgeführt werden.
  4. Zweistufiger Multi-Arch-Matrix-Builder: Bauen Sie AMD64 und ARM64 auf nativen Runner-Maschinen (ubuntu-latest und ubuntu-24.04-arm) ohne QEMU-Emulation. Pushen Sie Images per Digest.
  5. Digest-Manifest-Zusammenführung: Ein nachgelagerter merge-manifest-Job fügt AMD64- und ARM64-Digests zu einem einheitlichen Multi-Arch-Tag zusammen.
  6. Repository-Name in Kleinbuchstaben: Transformieren Sie github.repository immer über t

…

[abgeschnitten für die Übersetzung]

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

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

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