Communitygithub.com

SEO業務の自動化とパイプライン統合

SEO CLIとMCPサーバーを使用して、SEO監査、CI/CDのpre-push/pre-deployチェック、ランキング最適化をセットアップ、自動化、実行します。

SEO業務の自動化とパイプライン統合 とは?

このスキルは、Next.jsプロジェクト向けにSEO業務を自動化する包括的なランブックです。CI/CDパイプラインに品質ゲートを統合し、技術監査やランキング最適化を証拠に基づいて実行します。対応プラットフォームは、Claude Code、Cursor、CodexなどのエージェントまたはIDEです。まず、`seo` CLIとMCPサーバーがセッションでアクティブかどうかを自動チェックし、不足している場合は自動インストールを実行します。その後、ユーザーの意図に応じて、CI/CDセットアップ、技術監査、Search Console分析、環境ヘルスチェックの4つのパスウェイにルーティングします。コードの静的推測を禁止し、常にMCPツールまたはCLIレポートを実行してから修正を適用するポリシーを徹底します。エッジケースとして、Windowsのパス解決やセッション再起動の必要性などが考慮されています。

対応~Claude Code~Codex CLI~Cursor✓Antigravity✓Gemini CLI
npx skills add https://github.com/BIGboss248/nextjs-wordpress/tree/HEAD/.agents/skills/seo-ops

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

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

ドキュメント

SEO業務の自動化 (seo-ops)

seo MCPサーバーのブートストラップ、pre-pushおよびCI/CD品質ゲートの統合、エビデンスに基づく技術監査およびランキング監査を自動化するランブックです。


フェーズ0:必須の事前確認と自動インストール

[!IMPORTANT] ゼロ手動セットアップ前提:コード分析や監査を始める前に、seo CLIとMCPサーバーが現在のセッションで構成済みで利用可能であることを確認します。

flowchart TD
    Start["/seo-ops を呼び出し"] --> Check{"SEO MCP / CLI は構成済みか?"}
    Check -->|いいえ / 未構成| AutoInstall["1. 自動インストールを実行<br/>('npm i -g seo' + mcp_config.json を書き込み)"]
    AutoInstall --> TestDaemon["2. 確認: 'npx -y seo mcp serve --test'"]
    TestDaemon --> PromptRestart["3. ユーザーにエージェント/IDEの再起動を促し、処理を停止"]
    Check -->|はい / アクティブ| RouteIntent["ユーザーの意図に応じてルーティング"]

セルフインストールランブック(MCP / CLIがない場合に実行)

  1. パッケージをインストール:
    npm install -g seo
    
  2. MCPサーバーを構成: .agents/mcp_config.json(および ~/.gemini/config/mcp_config.json)に以下が含まれていることを確認します:
    {
      "mcpServers": {
        "seo": {
          "command": "npx",
          "args": ["-y", "seo", "mcp", "serve"]
        }
      }
    }
    
  3. デーモンを確認:
    npx -y seo mcp serve --test
    
  4. 再起動を促し、ターンを停止: このセッションでMCPツールが新しく追加された場合、Antigravityではツールを登録するためにセッション/ウィンドウのリロードが必要です。明確に伝えます:

    "seo CLIとMCPサーバーがインストールされ登録されました。IDEウィンドウをリロードするか、エージェントセッションを再起動して新しいMCPツール(seo_list_reports、seo_describe_report、seo_run_report)を読み込んでから、再度 /seo-ops を呼び出してください。" アクティブなツールなしで手動でコード編集や推測による回答を行わないでください。


アクティブな意図ルーティング(MCP / CLIが準備できている場合)

前提条件が満たされたら、ユーザーに促すかコンテキストを調べて目標を特定します:

flowchart LR
    Route["アクティブセッション"] --> A["1. CI/CD & Pre-Push セットアップ (setup-cicd)"]
    Route --> B["2. 技術的 & オンページ監査 (audit-technical)"]
    Route --> C["3. Search Console & 成長監査 (audit-gsc)"]
    Route --> D["4. 環境ヘルスチェック (check-health)"]

パスウェイA: リポジトリCI/CD & Pre-Push品質ゲート (setup-cicd)

開発およびデプロイパイプラインで、回帰ゼロのSEOゲートを強制します:

  • 1. Node 22+ を確認: node -v を実行し、Node 22+ ランタイムが使用されていることを確認します。
  • 2. ローカルPre-Pushフックを構成:
    • Pre-pushランナースクリプト(scripts/seo-pre-push.ps1 または scripts/seo-pre-push.sh)を展開し、開発サーバーの自動プローブ(アクティブなインスタンスを再利用するか、プロセツリークリーンアップ付きで cmd.exe /c pnpm run dev を起動)を行います。
    • .husky/pre-push で、離散ステップを実行:
      pnpm run test:all
      pnpm run seo:pre-push
      
    • cicd-pipeline-guide.md を参照してください。
  • 3. GitHub Actionsワークフローをインストール:
  • 4. パイプラインを検証:
    • Windows: powershell -ExecutionPolicy Bypass -File .agents/skills/seo-ops/scripts/verify-seo-setup.ps1 -Mode cicd
    • Linux/macOS: bash .agents/skills/seo-ops/scripts/verify-seo-setup.sh -m cicd

パスウェイB: 技術的 & オンページ監査 (audit-technical)

ローカルビルドまたはライブURLに対して、エビデンスに基づくクロールを実行します:

  • 1. ローカルビルド/ターゲットを起動:
    • http://127.0.0.1:3000 で pnpm build && pnpm start を実行します。
  • 2. 技術監査を実行:
    • MCP経由: seo_run_report を reportId: "audit-page" または "site-crawl"、params: {"url": "http://127.0.0.1:3000"} で呼び出します。
    • CLI経由:
      npx -y seo report --url http://127.0.0.1:3000 --actions-only --json
      
  • 3. Next.jsコードを修正:
    • generateMetadata() を更新(title、description、OpenGraph、canonicals)。
    • JSON-LD構造化データコンポーネント(BreadcrumbList、Article、WebSite)を修正。
    • 内部の壊れた <Link> タグと app/sitemap.ts を修正。
    • ranking-optimization-guide.md を参照してください。
  • 4. 修正を確認:
    • seo audit-page --url <target-url> を再実行し、クリーンなゼロ検出状態を確認します。

パスウェイC: Search Console & 成長機会 (audit-gsc)

Search Consoleを使用して、ライブドメインでのランキング機会を発見します:

  • 1. MCP経由でレポートを発見:
    • seo_list_reports を呼び出し(カテゴリ: "gsc" または "pseo")。
    • reportId: "quick-wins"、"second-page"、または "pseo-patterns" に対して seo_describe_report を呼び出します。
  • 2. 機会監査を実行:
    • ターゲットプロパティ(site: "sc-domain:example.com")を指定して seo_run_report を呼び出します。
  • 3. 改善を適用:
    • Quick Wins(4–10位): <title> と <meta description> を改善し、CTRを向上させます。
    • Second Page(10–20位): 高権威の親ページからコンテキスト内部リンクを追加し、コンテンツを充実させます。
    • pSEOパターン: generateStaticParams() で動的ルートをスキャフォールディングします。
  • 4. 再確認: 更新されたメタとスキーマが本番SSRビルドでレンダリングされることを確認します。

エッジケースと既知の落とし穴

  • プロセス再起動の要件: .agents/mcp_config.json が変更された場合、エージェントはセッション/ウィンドウがリロードされるまで新しいツールにアクセスできません。再起動のプロンプトを絶対にスキップしないでください。
  • Windowsパス解決: 常に "command": "npx" と ["-y", "seo", "mcp", "serve"] を使用して、Windows の %PATH% バイナリ検索エラーを回避してください。
  • 静的推測禁止: MCPツールまたはCLIレポートを最初に実行せずに、SEOのためにコードを静的に検査しないでください。
  • エビデンスの分離: 観測されたクロールエビデンスは、外部プロバイダーのキーワード推定とは別に保持してください。

リファレンスガイドとリソース

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

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...

関連スキル