Communitygithub.com

SEO Operations & Automation (seo-ops)

SEO 감사, CI/CD 사전 푸시/사전 배포 검사 및 순위 최적화를 seo CLI 및 MCP 서버를 사용하여 설정, 자동화 및 실행합니다.

SEO Operations & Automation (seo-ops)란 무엇인가요?

이 스킬은 Next.js 기반 WordPress 사이트에 대해 포괄적인 SEO 작업을 자동화합니다. `seo` MCP 서버 자동 부트스트래핑, 사전 푸시 훅 및 GitHub Actions를 통한 CI/CD 품질 게이트 통합, 기술 및 온페이지 감사 실행, Google Search Console 기반 성장 기회 발견을 단계별로 안내합니다. 핵심 기능으로는 자동 설치 루틴, 의도 기반 라우팅(CI/CD 설정, 기술 감사, GSC 감사, 환경 상태 확인), 증거 기반 크롤링 및 코드 수정(메타데이터, JSON-LD, 사이트맵 등)이 있습니다. 사용자는 MCP 도구(`seo_list_reports`, `seo_describe_report`, `seo_run_report`)를 직접 호출하거나 CLI 명령어를 통해 작업을 수행할 수 있습니다. 이 스킬은 Claude Code, Cursor, Codex 등 MCP 프로토콜을 지원하는 모든 AI 에이전트 및 IDE에서 사용 가능합니다. 세션 재시작 필요성, Windows 경로 문제 등 엣지 케이스에 대한 명확한 지침을 포함하여 안정적인 작동을 보장합니다. 개발자는 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에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

SEO Operations & Automation (seo-ops)은(는) 무엇을 하나요?

seo MCP 서버를 부트스트래핑하고, 사전 푸시 및 CI/CD 품질 게이트를 통합하며, 증거 기반 기술 및 순위 감사를 실행하기 위한 자동화된 실행 설명서입니다.


Phase 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 창을 다시 로드하거나 에이전트 세션을 다시 시작하여 새로운 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. Search Console 및 성장 감사 (audit-gsc)"]
    Route --> D["4. 환경 상태 점검 (check-health)"]

Pathway A: 저장소 CI/CD 및 사전 푸시 품질 게이트 (setup-cicd)

개발 및 배포 파이프라인에서 제로 회귀 SEO 게이트를 적용하십시오:

  • 1. Node 22+ 확인: node -v를 실행하여 Node 22+ 런타임인지 확인합니다.
  • 2. 로컬 사전 푸시 훅 구성:
    • dev 서버 자동 프로빙(활성 인스턴스 재사용 또는 프로세스 트리 정리와 함께 cmd.exe /c pnpm run dev 실행)을 사용하여 사전 푸시 실행기 스크립트(scripts/seo-pre-push.ps1 또는 scripts/seo-pre-push.sh)를 배포합니다.
    • .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

Pathway 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() 업데이트 (title, description, OpenGraph, canonical).
    • JSON-LD 구조화된 데이터 컴포넌트 (BreadcrumbList, Article, WebSite) 수정.
    • 내부 깨진 <Link> 태그 및 app/sitemap.ts 수정.
    • ranking-optimization-guide.md를 참조하십시오.
  • 4. 수정 사항 확인:
    • seo audit-page --url <target-url>를 다시 실행하여 깨끗한 제로 발견 상태를 확인합니다.

Pathway C: Search Console 및 성장 기회 (audit-gsc)

Search Console을 통해 라이브 도메인의 순위 기회를 발견하십시오:

  • 1. MCP 통해 보고서 검색:
    • seo_list_reports 호출 (category: "gsc" 또는 "pseo").
    • seo_describe_report를 reportId: "quick-wins", "second-page", 또는 "pseo-patterns"로 호출.
  • 2. 기회 감사 실행:
    • 대상 속성으로 seo_run_report 호출 (site: "sc-domain:example.com").
  • 3. 개선 사항 적용:
    • Quick Wins (순위 4–10): <title> 및 <meta description>을 개선하여 CTR을 높입니다.
    • Second Page (순위 10–20): 권위 있는 상위 페이지에서 컨텍스트 내부 링크를 추가하고 콘텐츠를 심화합니다.
    • pSEO 패턴: generateStaticParams()로 동적 라우트를 구성합니다.
  • 4. 재확인: 업데이트된 메타와 스키마가 프로덕션 SSR 빌드에서 올바르게 렌더링되는지 확인합니다.

엣지 케이스 및 알려진 문제점

  • 프로세스 재시작 필요: .agents/mcp_config.json이 수정되면, 에이전트는 세션/윈도우가 다시 로드될 때까지 새 도구에 접근할 수 없습니다. 재시작 프롬프트를 절대 건너뛰지 마십시오.
  • Windows 경로 해결: Windows에서 %PATH% 바이너리 조회 오류를 피하기 위해 항상 "command": "npx"와 함께 ["-y", "seo", "mcp", "serve"]를 사용하십시오.
  • 정적 추측 금지: 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...

관련 스킬