{
  "markdown": "# Next.js E-Commerce SEO Skills for AI Coding Assistants\n\nSEO-focused skills for **Claude Code** and **GitHub Copilot** that help developers maintain good SEO practices on Next.js e-commerce sites — without requiring SEO expertise.\n\nWorks with any Next.js e-commerce project. Skills provide preventive guidelines that developers follow while coding, covering metadata, structured data, images, performance, and more.\n\n## Compatibility\n\n- **Next.js 15.x and 16.x** — App Router and Pages Router\n- Code examples use App Router conventions with a mapping table for Pages Router (see individual skills)\n- These skills are **advisory only** — they inform the AI assistant about SEO best practices but do not trigger automatic code changes. The developer must explicitly request fixes.\n- Code examples use **illustrative names** (URL patterns, config imports, function names) — adapt to your project's actual structure\n\n## What's Included\n\n### Claude Code Skills (10 auto-triggered)\n\n| Skill | Trigger | Focus |\n|-------|---------|-------|\n| seo-metadata | Auto | Title, description, OG, canonical, Twitter cards |\n| seo-structured-data | Auto | JSON-LD for Product, Breadcrumb, Organization, FAQ |\n| seo-hreflang | Auto | Hreflang for multi-locale variants |\n| seo-images | Auto | next/image, alt text, WebP, LCP optimization |\n| seo-performance | Auto | Core Web Vitals, GTM, fonts, bundle size |\n| seo-urls-routing | Auto | URL structure, slugs, locale prefixes |\n| seo-crawlability | Auto | robots.txt, noindex, sitemaps |\n| seo-ecommerce | Auto | Product pages, categories, pricing markup |\n| seo-internal-linking | Auto | Breadcrumbs, anchor text, cross-linking |\n| seo-redirects | Auto | 301/308, chains, next.config, 404 handling |\n\n**Auto-triggered** skills activate automatically when Claude detects you're working on relevant files.\n\n### Slash Commands (2 audit commands)\n\n| Command | What it does |\n|---------|-------------|\n| `/seo-audit-page [file]` | Full page SEO audit with PASS/WARN/FAIL checklist |\n| `/seo-audit-component [file]` | Component SEO review for images, links, headings, SSR |\n\n### Agent Persona\n\n| Agent | Role |\n|-------|------|\n| `seo-auditor` | Senior SEO engineer that reviews code across metadata, structured data, images, links, crawlability, and performance |\n\n### GitHub Copilot Instructions\n\n- `copilot-instructions.md` — repository-wide SEO rules\n- Path-specific instructions for pages, components, and API routes\n\n### Global Skills (site-agnostic)\n\n4 framework-focused skills (metadata, structured data, images, performance) without any site specifics — usable on any Next.js project.\n\n> **Note**: If you install the full project skills (Option A), you don't need global skills — the project-level skills are a superset. Global skills are for developers who want lightweight SEO guidance across all their projects without copying the full skill set.\n\n## Installation\n\n### Option A: Plugin install (recommended)\n\nAdd the marketplace and install the plugin:\n\n```bash\n# Add the marketplace\n/plugin marketplace add mvstepanek/nextjs-ecommerce-seo-skills\n\n# Install the plugin\n/plugin install nextjs-ecommerce-seo-skills@nextjs-ecommerce-seo\n```\n\n### Option B: Manual project installation\n\nCopy the skills, commands, agents, and Copilot instructions into your Next.js project:\n\n```bash\n# Clone this repo\ngit clone https://github.com/mvstepanek/nextjs-ecommerce-seo-skills.git /tmp/nextjs-seo-skills\n\n# Copy Claude Code skills and commands into your project\ncp -r /tmp/nextjs-seo-skills/skills/ /path/to/your-nextjs-project/.claude/skills/\ncp -r /tmp/nextjs-seo-skills/commands/ /path/to/your-nextjs-project/.claude/commands/\n\n# Copy agent persona\ncp -r /tmp/nextjs-seo-skills/agents/ /path/to/your-nextjs-project/agents/\n\n# Copy GitHub Copilot instructions\ncp -r /tmp/nextjs-seo-skills/.github/ /path/to/your-nextjs-project/.github/\n\n# Commit to version control so the whole team benefits\ncd /path/to/your-nextjs-project\ngit add .claude/ .github/ agents/\ngit commit -m \"Add SEO skills for AI coding assistants\"\n```\n\n### Option C: Global skills only\n\n```bash\n# Copy global skills to your home directory\ncp -r /tmp/nextjs-seo-skills/global-skills/* ~/.claude/skills/\n```\n\nThese skills are now available in all your projects.\n\n### Option D: Cherry-pick specific skills\n\nBrowse the [skill reference](docs/skill-reference.md) and copy individual skill directories.\n\n## Verification\n\n1. Open Claude Code in your project\n2. Ask: *\"What skills are available?\"* — should list all SEO skills\n3. Say: *\"I'm adding a new product page\"* — Claude should auto-load relevant skills\n4. Run: `/seo-audit-page app/[locale]/products/[id]/page.tsx`\n5. Run: `/seo-audit-component components/ProductCard.tsx`\n\n## Documentation\n\n- [Installation Guide](docs/installation.md)\n- [Skill Reference](docs/skill-reference.md)\n",
  "bytes": 4827,
  "sha": "d9f52aee692bbde4bf8fdc8dd5a36cd9f61b6f00ba691fc81f464ada3bf93ec3",
  "repo_slug": "mvstepanek/nextjs-ecommerce-seo-skills",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/plg_mvstepanek_nextjs_ecommerce_seo_skills_n_922dcff0/readme"
}