Communitygithub.com

BIGboss248/nextjs-wordpress

使用SEO CLI和MCP服务器,设置、自动化并执行SEO审计、CI/CD预推送/预部署检查以及排名优化。

nextjs-wordpress 是什么?

这是一个自动化SEO运维和审计的技能,专门针对Next.js和WordPress项目设计。它通过一个`seo` MCP服务器和CLI工具,实现了从环境检查、自动安装、到执行技术审计、搜索控制台机会分析,以及建立CI/CD质量门的全流程自动化。该技能的核心优势在于强制零手动配置,并要求在工具可用前不进行任何推测性代码修改,确保了审计结果的可靠性与可重复性。它适用于Claude Code、Cursor等支持MCP协议的AI代理环境,能够显著提升SEO工作流的效率和准确性。

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

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

SEO 运维与自动化 (seo-ops)

一个用于引导 seo MCP 服务器、集成预推送和 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. 提示用户重启 Agent/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 窗口或重启 Agent 会话,以便加载新的 MCP 工具(seo_list_reports、seo_describe_report、seo_run_report),然后重新调用 /seo-ops。" 在活动工具可用之前,请勿进行手动代码编辑或推测性猜测。


活动意图路由(当 MCP / CLI 就绪时)

当先决条件满足后,提示用户或根据上下文检查其目标:

flowchart LR
    Route["活动会话"] --> A["1. CI/CD 与预推送设置 (setup-cicd)"]
    Route --> B["2. 技术与页面审计 (audit-technical)"]
    Route --> C["3. 搜索控制台与增长审计 (audit-gsc)"]
    Route --> D["4. 环境健康检查 (check-health)"]

路径 A:仓库 CI/CD 与预推送质量门 (setup-cicd)

在开发和部署管道中强制实施零回归 SEO 门控:

  • 1. 验证 Node 22+: 运行 node -v 以确保 Node 22+ 运行时。
  • 2. 配置本地预推送钩子:
    • 部署预推送运行脚本(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. 启动本地构建 / 目标:
    • 运行 pnpm build && pnpm start,地址为 http://127.0.0.1:3000。
  • 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()(标题、描述、OpenGraph、规范 URL)。
    • 修复 JSON-LD 结构化数据组件(BreadcrumbList、Article、WebSite)。
    • 修复内部损坏的 <Link> 标签和 app/sitemap.ts。
    • 参见 ranking-optimization-guide.md。
  • 4. 验证修复:
    • 重新运行 seo audit-page --url <target-url> 以确认清洁的零发现状态。

路径 C:搜索控制台与增长机会 (audit-gsc)

在在线域名上使用搜索控制台发现排名机会:

  • 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. 应用增强:
    • 快速胜利(排名 4–10):优化 <title> 和 <meta description> 以提高点击率。
    • 第二页(排名 10–20):从高权重父页面添加上下文内部链接,并深化内容。
    • pSEO 模式:使用 generateStaticParams() 构建动态路由。
  • 4. 重新验证:确认更新后的元数据和模式在生产 SSR 构建版本中正确渲染。

边缘情况与已知陷阱

  • 进程重启要求:修改 .agents/mcp_config.json 后,Agent 无法访问新工具,直到会话/窗口重新加载。切勿跳过重启提示。
  • 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...

相关技能