CommunitySchreiben & Editierengithub.com

BIGboss248/nextjs-wordpress

Erstelle, konfiguriere, verwalte und validiere Google Antigravity-Anpassungen, einschließlich Skills, Regeln, MCP-Servern, Lifecycle-Hooks, Plugins und benutzerdefinierten JSON-Konfigurationen. Verwende dies, um neue Funktionen zu Antigravity hinzuzufügen, MCP-Server zu konfigurieren, Regeln zu schreiben, Skills zu erstellen, Hooks einzurichten oder Legacy-Workflows zu modernisieren.

Was ist nextjs-wordpress?

Dieser Skill unterstützt Entwickler und KI-Agenten dabei, das Google Antigravity-Ökosystem umfassend zu personalisieren. Er deckt die Erstellung und Verwaltung aller wichtigen Anpassungsmechanismen ab: Skills (mehrschrittige Runbooks), Regeln (dauerhafte Einschränkungen), MCP-Server (externe Dienste und Tools), Lifecycle-Hooks (Ereignisintervention), Plugins (bündelbare Pakete) und JSON-Konfigurationen (VCS-freundliche Registrierung). Der Skill ist besonders nützlich, wenn neue Fähigkeiten zu einem Antigravity-Projekt hinzugefügt werden sollen, sei es in einem Arbeitsbereich oder global. Er folgt einer Entscheidungsmatrix, die je nach Anforderung das passende Werkzeug vorschlägt, und bietet detaillierte Workflows für jeden Mechanismus. Dazu gehören Beispiele für MCP-Transporte (stdio und remote), Hook-Ereignisse und die Migration von Legacy-Workflows. Eine Validierungs-Checkliste stellt sicher, dass alle Anpassungen korrekt sind. Der Skill ist für die Agenten Cursor, Codex und Claude Code konzipiert und wird in Agenten-Konfigurationsdateien wie SKILL.md definiert.

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

Installed? Explore more Schreiben & Editieren skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Antigravity-Anpassungstool (ag-customizer)

Verwende diesen Skill, um Anpassungen für Google Antigravity in Arbeitsbereichs- und globalen Geltungsbereichen eigenständig zu entwerfen, zu erstellen, zu konfigurieren, zu migrieren und zu validieren.


Entscheidungsmatrix für die Schnellnavigation

Bestimme, welcher Anpassungsmechanismus das Problem am besten löst:

AnforderungMechanismusDateispeicherortReferenzhandbuch
Dem Agenten ein mehrschrittiges Runbook, eine Prozedur oder einen Slash-Befehl beibringenSkill.agents/skills/<name>/SKILL.md oder ~/.gemini/antigravity/skills/<name>/SKILL.mdskills-guide.md
Dauerhafte Einschränkungen, Codierungsstandards oder Stilregeln durchsetzenRegel.agents/rules/<name>.md, AGENTS.md oder ~/.gemini/GEMINI.mdrules-guide.md
Externe Dienste, lokale Datenbanken oder benutzerdefinierte Tools anbindenMCP-Server.agents/mcp_config.json oder ~/.gemini/config/mcp_config.jsonmcp-guide.md
In Lebenszyklus-Ereignisse eingreifen (Befehle steuern, Prompts injizieren, Watchdog stoppen)Lifecycle-Hook.agents/hooks.json oder ~/.gemini/config/hooks.jsonhooks-guide.md
Skills, Regeln, Hooks und MCP in einem gemeinsam nutzbaren Paket bündelnPlugin.agents/plugins/<name>/ oder ~/.gemini/config/plugins/<name>/plugins-and-configs.md
Nicht standardmäßige Pfade registrieren oder Anpassungen über VCS teilenJSON-Konfiguration.agents/skills.json oder .agents/plugins.jsonplugins-and-configs.md
Veraltete Workflows in moderne Slash-Command-Skills upgradenWorkflow-Migration.agents/workflows/*.md -> .agents/skills/<name>/SKILL.mdworkflows-migration.md

Betriebsabläufe

1. Einen neuen Skill hinzufügen

  1. Geltungsbereich bestimmen:
    • Arbeitsbereich: .agents/skills/<name>/ (für die Teamnutzung ins Repository eingecheckt).
    • Global: ~/.gemini/antigravity/skills/<name>/ (projektübergreifend verfügbar).
  2. Verzeichnisstruktur aufbauen:
    <customization_root>/skills/<skill-name>/
    ├── SKILL.md             # Erforderlich: Einstiegspunkt mit YAML-Frontmatter
    ├── scripts/             # Optional: Hilfsskripte (mit --help-Muster ausführen)
    ├── references/          # Optional: Bereitgestellte Handbücher und umfangreiche Dokumentation
    └── examples/            # Optional: Beispielcode oder Ausgabereferenzen
    
  3. Frontmatter entwerfen:
    • name: Kleinbuchstaben, mit Bindestrichen (z. B. nextjs-otel, docker-deploy). Dies registriert auch einen Slash-Befehl (/<name>).
    • description: 1–3 Sätze in dritter Person, die explizit was der Skill tut und spezifische Auslöser/Szenarien angeben, bei denen der Agent ihn aktivieren soll.
  4. Progressive Offenlegung anwenden:
    • Halte das Haupt-SKILL.md eng auf die Abfolge der betrieblichen Schritte und die Abschlusskriterien fokussiert.
    • Lagere tiefgehendes Referenzmaterial in references/<topic>.md-Dateien aus und verlinke relativ darauf.
    • Siehe skills-guide.md für Strukturvorlagen.
  5. Obsidian-Spiegelprüfung:
    • Wenn du Skills in diesem Arbeitsbereich aktualisierst oder erstellst, spiegele den Skill-Ordner gemäß den Repository-Richtlinien nach d:/Scripts/Obsidian/skills/<name>/.

2. Eine Regel erstellen

  1. Geltungsbereich und Format bestimmen:
    • Arbeitsbereichsregel: .agents/rules/<rule-name>.md oder AGENTS.md im Projektstammverzeichnis.
    • Globale Regel: ~/.gemini/GEMINI.md.
  2. Aktivierungsmodus wählen (für .agents/rules/*.md):
    • always_on: Wird bedingungslos in jede Runde eingefügt. Sparsam verwenden, um Kontext zu schonen.
    • model_decision: Wird offengelegt, wenn der Agent die Relevanz anhand der Beschreibung bestimmt.
    • glob: Wird automatisch aktiviert, wenn passende Dateien berührt oder geöffnet werden (z. B. *.tsx, src/api/**/*.ts).
    • manual: Wird nur geladen, wenn es explizit über @mention im Chat aufgerufen wird (z. B. @my-rule.md).
  3. Inhalt verfassen:
    • Halte dich an das 12.000-Zeichen-Budget pro Datei.
    • Beschreibe Zielverhalten positiv („Mach X“, „Strukturiere Y immer“) anstatt durch Verbote.
    • Verwende @dateiname, um bei Bedarf auf zugehörige Kontextdateien zu verlinken.
    • Siehe rules-guide.md für die vollständige Syntax und das Aktivierungs-Frontmatter.

3. Einen MCP-Server konfigurieren

  1. Dateispeicherort bestimmen:
    • Arbeitsbereich: <workspace>/.agents/mcp_config.json
    • Global: ~/.gemini/config/mcp_config.json
  2. Transport auswählen:
    • stdio (Lokale ausführbare Datei):
      {
        "mcpServers": {
          "my-server": {
            "command": "npx",
            "args": ["-y", "@modelcontextprotocol/server-sqlite", "app.db"],
            "env": { "SQLITE_READONLY": "true" }
          }
        }
      }
      
    • Remote (SSE / Streamable HTTP):

      [!IMPORTANT] Verwende immer den Schlüssel serverUrl. Die veralteten Schlüssel url oder httpUrl werden nicht unterstützt.

      {
        "mcpServers": {
          "my-remote": {
            "serverUrl": "https://api.example.com/mcp/",
            "headers": { "Authorization": "Bearer YOUR_TOKEN" }
          }
        }
      }
      
  3. Authentifizierung:
    • Google Application Default Credentials: "authProviderType": "google_credentials" (erfordert gcloud auth application-default login).
    • OAuth: "oauth": { "clientId": "...", "clientSecret": "..." } mit Redirect-URI https://antigravity.google/oauth-callback.
  4. Tool-Filterung:
    • Deaktiviere Tools vorübergehend, ohne den Server zu entfernen: "disabledTools": ["destructive_command"].
    • Siehe mcp-guide.md für vorgefertigte Konfigurationen.

4. Lifecycle-Hooks einrichten

  1. Zieldatei: .agents/hooks.json (oder ~/.gemini/config/hooks.json).
  2. Unterstützte Ereignisse:
    • PreToolUse: Vergleiche Toolnamen (run_command, write_to_file, *), um die Ausführung zu steuern (allow, deny, ask, force_ask) oder Argumente flach zu überschreiben.
    • PostToolUse: Überprüfe die Ausgabe, führe Linter aus oder formatiere Code nach Abschluss des Tools.
    • PreInvocation: Füge Kontext oder Systemanweisungen (injectSteps mit ephemeralMessage) ein, bevor das Modell die Runde verarbeitet.
    • PostInvocation: Erzwinge Fortsetzung (terminationBehavior: "force_continue") oder Stopp.
    • Stop: Überprüfe den Aufgabenabschluss (terminationReason, fullyIdle) und gib decision: "continue" mit reason zurück, um vorzeitigen Abbruch zu verhindern.
  3. Vertragsregeln:
    • Die Ausführung übergibt Kontext über stdin und erhält die Antwort über stdout.
    • Alle JSON-Payload-Schlüssel verwenden camelCase (conversationId, stepIdx, toolCall usw.).
    • Befehle werden synchron ausgeführt und blockieren die Agentenschleife bis zum Timeout (Standard 30 s).
    • Siehe hooks-guide.md für Vorlagen in Python, PowerShell und Bash.

5. Ein Plugin oder eine VCS-freigegebene Konfiguration packen

  1. Plugin-Paket:
    • Gruppiere verwandte Skills, Regeln, Hooks und MCP-Server in .agents/plugins/<plugin-name>/.
    • Füge ein plugin.json-Manifest hinzu ({"name": "my-plugin"}).
    • Verwalte den Aktivierungsstatus in config.json unter "plugins": { "<plugin-name>": { "enabled": true } }.
  2. JSON-Konfigurationen (skills.json / plugins.json):
    • Registriere externe Verzeichnisse oder gemeinsame Team-Repositories.
    • Unterstütze entries (Pfade) und inherits (andere Konfigurationen) mit include_only- und exclude-Regex-Filtern.
    • Siehe plugins-and-configs.md für vollständige Manifestbeispiele.

6. Legacy-Workflows modernisieren

  1. Überprüfe auf veraltete .agents/workflows/*.md oder ~/.gemini/config/workflows/*.md.
  2. Extrahiere betriebliche Anweisungen und erstelle ein entsprechendes SKILL.md mit korrektem YAML-Frontmatter.
  3. Archiviere die Originaldatei als <name>.md.bak (sichere Aufbewahrung).
  4. Siehe workflows-migration.md für das automatisierte Migrations-Runbook.

Validierungs- und Überprüfungs-Checkliste

Bevor eine Anpassung als abgeschlossen betrachtet wird:

  • JSON-Syntax: Stelle sicher, dass alle .json-Dateien sauber ohne Syntaxfehler oder Kommentare geparst werden können.
  • Frontmatter-Prüfung: Stelle sicher, dass SKILL.md gültiges YAML-Frontmatter mit name und einer beschreibenden description enthält.
  • Zeichenbudget: Stelle sicher, dass die Regel-Markdown-Dateien innerhalb des Limits von 12.000 Zeichen liegen.
  • MCP-Verbindung: Stelle sicher, dass Befehlsbinärdateien oder Remote-URLs existieren und authentifiziert werden können.
  • Hook-Vertrag: Stelle sicher, dass Hook-Skripte camelCase-JSON auf stdin akzeptieren und gültiges JSON auf stdout zurückgeben.
  • Obsidian-Spiegelung: Synchronisiere für Skills in diesem Arbeitsbereich den erstellten Skill-Ordner nach d:/Scripts/Obsidian/skills/<name>/.

Individual skills in this repo

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

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

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