Communityライティング&編集github.com

BIGboss248/nextjs-wordpress

Google Antigravityのカスタマイズ(スキル、ルール、MCPサーバー、ライフサイクルフック、プラグイン、カスタムJSON設定)を作成、構成、管理、検証します。Antigravityに新機能を追加したり、MCPサーバーを構成したり、ルールを作成したり、スキルを作成したり、フックを設定したり、レガシーワークフローを最新化する場合に使用します。

nextjs-wordpress とは?

このスキルは、Google Antigravityエージェントの動作をカスタマイズするための包括的なツールセットを提供します。ユーザーは、マルチステップの手順やスラッシュコマンドを定義する「スキル」、コーディング規約やスタイルルールを強制する「ルール」、外部サービスやデータベースと接続する「MCPサーバー」、ライフサイクルイベントを処理する「フック」、これらをまとめて配布可能にする「プラグイン」、そして非標準パスや共有設定を登録する「JSON設定」を、ワークスペースまたはグローバルスコープで構成できます。各カスタマイズメカニズムの適切なファイル配置、プログレッシブディスクロージャーの原則、および検証チェックリストを提供するため、開発者は体系的な手順に従ってAntigravityエージェントを拡張・管理できます。Claude Code、Cursor、Codexなどの主要なAIエージェントプラットフォームで動作します。

対応✓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 ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

Antigravity カスタマイザー (ag-customizer)

このスキルを使用して、ワークスペースおよびグローバルスコープでGoogle Antigravityのカスタマイズを自律的に設計、スキャフォールディング、構成、移行、検証します。


クイックナビゲーション 決定マトリックス

問題を解決するのに最適なカスタマイズメカニズムを判断します。

必要性メカニズムファイルの場所参考ガイド
マルチステップの手順書、手順、スラッシュコマンドをエージェントに教えるスキル.agents/skills/<name>/SKILL.md または ~/.gemini/antigravity/skills/<name>/SKILL.mdskills-guide.md
永続的な制約、コーディング標準、スタイルルールを強制するルール.agents/rules/<name>.md、AGENTS.md、または ~/.gemini/GEMINI.mdrules-guide.md
外部サービス、ローカルデータベース、またはカスタムツールに接続するMCPサーバー.agents/mcp_config.json または ~/.gemini/config/mcp_config.jsonmcp-guide.md
ライフサイクルイベントをインターセプトする(コマンドをゲート、プロンプトを注入、ウォッチドッグを停止)ライフサイクルフック.agents/hooks.json または ~/.gemini/config/hooks.jsonhooks-guide.md
スキル、ルール、フック、MCPを共有可能なパッケージにバンドルするプラグイン.agents/plugins/<name>/ または ~/.gemini/config/plugins/<name>/plugins-and-configs.md
非標準パスを登録したり、VCSを介してカスタマイズを共有するJSON設定.agents/skills.json または .agents/plugins.jsonplugins-and-configs.md
非推奨のワークフローを最新のスラッシュコマンドスキルにアップグレードするワークフロー移行.agents/workflows/*.md -> .agents/skills/<name>/SKILL.mdworkflows-migration.md

操作ワークフロー

1. 新しいスキルの追加

  1. スコープを決定する:
    • ワークスペース: .agents/skills/<name>/(チームで使用するためにリポジトリにチェックイン)
    • グローバル: ~/.gemini/antigravity/skills/<name>/(すべてのプロジェクトで利用可能)
  2. ディレクトリを構成する:
    <customization_root>/skills/<skill-name>/
    ├── SKILL.md             # 必須: YAMLフロントマター付きエントリポイント
    ├── scripts/             # オプション: ヘルパースクリプト(--helpパターンで実行)
    ├── references/          # オプション: 公開マニュアルや重いドキュメント
    └── examples/            # オプション: サンプルコードや出力参照
    
  3. フロントマターを作成する:
    • name: 小文字、ハイフン区切り(例: nextjs-otel、docker-deploy)。これはスラッシュコマンド(/<name>)としても登録されます。
    • description: 三人称で1〜3文。何をするスキルか、エージェントがそれをアクティブにすべき特定のトリガーフレーズ/シナリオを明示的に記述します。
  4. プログレッシブディスクロージャーを適用する:
    • メインの SKILL.md は、操作手順と完了条件の順序に厳密に焦点を当てて簡潔に保ちます。
    • 詳細な参考資料は references/<topic>.md ファイルに開示し、相対リンクで参照します。
    • 構造テンプレートについては skills-guide.md を参照してください。
  5. Obsidianミラーリングの確認:
    • このワークスペースでスキルを更新または作成する場合、リポジトリガイドラインに従ってスキルフォルダを d:/Scripts/Obsidian/skills/<name>/ にミラーリングします。

2. ルールの作成

  1. スコープと形式を決定する:
    • ワークスペースルール: .agents/rules/<rule-name>.md またはプロジェクトルートの AGENTS.md
    • グローバルルール: ~/.gemini/GEMINI.md
  2. アクティベーションモードを選択する(.agents/rules/*.md の場合):
    • always_on: 毎ターン無条件に注入されます。コンテキストを節約するために控えめに使用します。
    • model_decision: エージェントが説明に基づいて関連性を判断した場合に開示されます。
    • glob: 一致するファイルに触れたり開いたりするたびに自動的にアクティブになります(例: *.tsx、src/api/**/*.ts)。
    • manual: チャットで @mention(例: @my-rule.md)により明示的に呼び出された場合にのみロードされます。
  3. コンテンツを作成する:
    • ファイルごとに 12,000文字の予算 内に収めます。
    • 否定的な禁止ではなく、肯定的に目標の動作を記述します(「Xを行う」「常にYのように構造化する」)。
    • 必要に応じて @filename を使用してコンパニオンコンテキストファイルにリンクします。
    • 完全な構文とアクティベーションフロントマターについては rules-guide.md を参照してください。

3. MCPサーバーの構成

  1. ファイルの場所を決定する:
    • ワークスペース: <workspace>/.agents/mcp_config.json
    • グローバル: ~/.gemini/config/mcp_config.json
  2. トランスポートを選択する:
    • stdio(ローカル実行可能ファイル):
      {
        "mcpServers": {
          "my-server": {
            "command": "npx",
            "args": ["-y", "@modelcontextprotocol/server-sqlite", "app.db"],
            "env": { "SQLITE_READONLY": "true" }
          }
        }
      }
      
    • リモート(SSE / Streamable HTTP):

      [!IMPORTANT] 常にキー serverUrl を使用してください。レガシーキーの url または httpUrl はサポートされていません。

      {
        "mcpServers": {
          "my-remote": {
            "serverUrl": "https://api.example.com/mcp/",
            "headers": { "Authorization": "Bearer YOUR_TOKEN" }
          }
        }
      }
      
  3. 認証:
    • Google Application Default Credentials: "authProviderType": "google_credentials"(gcloud auth application-default login が必要)。
    • OAuth: "oauth": { "clientId": "...", "clientSecret": "..." }、リダイレクトURIは https://antigravity.google/oauth-callback。
  4. ツールフィルタリング:
    • サーバーを削除せずにツールを一時的に無効化: "disabledTools": ["destructive_command"]
    • 構築済み構成については mcp-guide.md を参照してください。

4. ライフサイクルフックの設定

  1. 対象ファイル: .agents/hooks.json(または ~/.gemini/config/hooks.json)。
  2. サポートされるイベント:
    • PreToolUse: ツール名(run_command、write_to_file、*)に一致させて実行をゲート(allow、deny、ask、force_ask)したり、引数を浅く上書きしたりします。
    • PostToolUse: ツール完了後に出力を監査、リンターを実行、またはコードをフォーマットします。
    • PreInvocation: モデルがターンを処理する前にコンテキストやシステム指示を注入します(injectSteps と ephemeralMessage)。
    • PostInvocation: 強制的に継続(terminationBehavior: "force_continue")または停止します。
    • Stop: タスクの完了を検査し(terminationReason、fullyIdle)、decision: "continue" と reason を返して早期終了をブロックします。
  3. 契約ルール:
    • 実行は stdin を介してコンテキストを渡し、stdout を介して応答を受け取ります。
    • すべてのJSONペイロードキーは camelCase を使用します(conversationId、stepIdx、toolCall など)。
    • コマンドは同期的に実行され、タイムアウト(デフォルト30秒)までエージェントループをブロックします。
    • Python、PowerShell、Bashのテンプレートについては hooks-guide.md を参照してください。

5. プラグインまたはVCS共有設定のパッケージ化

  1. プラグインパッケージ:
    • 関連するスキル、ルール、フック、MCPサーバーを .agents/plugins/<plugin-name>/ にグループ化します。
    • plugin.json マニフェスト({"name": "my-plugin"})を追加します。
    • config.json の "plugins": { "<plugin-name>": { "enabled": true } } でアクティベーション状態を管理します。
  2. JSON設定(skills.json / plugins.json):
    • 外部ディレクトリや共有チームリポジトリを登録します。
    • include_only および exclude 正規表現フィルターを使用した entries(パス)と inherits(他の設定)をサポートします。
    • 完全なマニフェスト例については plugins-and-configs.md を参照してください。

6. レガシーワークフローの最新化

  1. 非推奨の .agents/workflows/*.md または ~/.gemini/config/workflows/*.md を検査します。
  2. 操作手順を抽出し、適切なYAMLフロントマターを持つ同等の SKILL.md を生成します。
  3. 元のファイルを <name>.md.bak としてアーカイブします(安全な保存)。
  4. 自動移行手順書については workflows-migration.md を参照してください。

検証と確認チェックリスト

カスタマイズが完了したと見なす前に、以下を確認してください:

  • JSON構文: すべての .json ファイルが構文エラーやコメントなしで正常にパースできることを確認します。
  • フロントマターチェック: SKILL.md に name と説明的な description を含む有効なYAMLフロントマターが含まれていることを確認します。
  • 文字数予算: ルールのMarkdownファイルが12,000文字制限内であることを確認します。
  • MCP接続: コマンドバイナリまたはリモートURLが存在し、認証できることを確認します。
  • フック契約: フックスクリプトがstdinでcamelCase JSONを受け入れ、stdoutで有効なJSONを返すことを確認します。
  • Obsidianミラーリング: このワークスペース内のスキルについて、作成したスキルフォルダを 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...

関連スキル