nextjs-seo — скилл для Claude Code: SEO в Next.js App Router
Скилл для внедрения и аудита SEO в Next.js App Router: метаданные, sitemap, канонические URL, структурированные данные, Core Web Vitals.
npx skills add laguagu/claude-code-nextjs-skills --skill nextjs-seo -a claude-codeЧто делает nextjs-seo
Скилл берёт на себя задачи, которые обычно расползаются по десятку файлов: метаданные и социальные картинки, sitemap и robots, канонические адреса и локализация, структурированные данные, диагностика индексации и политика для ИИ-краулеров. Перед правками агент читает установленную версию Next.js и страницы в node_modules/next/dist/docs/, а типы Metadata, Viewport и MetadataRoute ищет в node_modules/next/dist/lib/metadata/types/metadata-interface.d.ts. Поэтому советы привязаны к вашему проекту, а не к абстрактной документации.
Внутри — набор справочников по областям: метаданные, sitemap и robots, JSON-LD, ИИ-поиск, чек-лист аудита и разбор проблем с индексацией и гидратацией. Агент сначала проверяет публичные URL, редиректы, коды ответов и правила обхода, и только потом добавляет разметку. Карта сайта помогает обнаружить страницы, но не делает их индексируемыми — это стоит держать в голове, если ждёте быстрого результата от одного sitemap.ts.
Отдельно про доказательства: выгрузка производительности показывает запросы и трафик, отчёты индексации отвечают за статус обхода и канонические адреса, а полевые измерения — за Core Web Vitals. Lighthouse остаётся лабораторной диагностикой и не заменяет полевой INP. Пороговые значения на 75-м процентиле: LCP ≤ 2.5 s, INP ≤ 200 ms, CLS ≤ 0.1. Скилл не для обычной работы с фичами Next.js вне SEO — для этого он не нужен.
Какие задачи решает
- проверить, что метаданные отдают абсолютные URL с правильным
metadataBase - настроить
sitemapиrobotsвместе с локализацией - разобраться, почему страница не попадает в индекс
- добавить JSON-LD, который описывает реальный видимый контент
- отличить полевые метрики Core Web Vitals от отчёта Lighthouse
Примеры запросов агенту
- Проверь SEO для страницы /blog/[slug]: метаданные, канонические адреса и Open Graph
- Почему страница не индексируется? Посмотри статус, заголовки и полный HTML продакшена
- Настрой sitemap и robots для мультиязычного сайта на App Router
Как установить nextjs-seo
1Через Skills CLI (Vercel)
npx skills add laguagu/claude-code-nextjs-skills --skill nextjs-seo -a claude-code2Вручную: положить файлы
~/.claude/skills/nextjs-seo/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/nextjs-seo/
1Через Skills CLI (Vercel)
npx skills add laguagu/claude-code-nextjs-skills --skill nextjs-seo -a codex2Вручную: положить файлы
.agents/skills/nextjs-seo/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add laguagu/claude-code-nextjs-skills --skill nextjs-seo -a cursor2Вручную: положить файлы
.cursor/skills/nextjs-seo/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install laguagu/claude-code-nextjs-skills nextjs-seo2Вручную: положить файлы
.github/skills/nextjs-seo/SKILL.md1Через Skills CLI (Vercel)
npx skills add laguagu/claude-code-nextjs-skills --skill nextjs-seo -a gemini-cli2Командой платформы
gemini skills install https://github.com/laguagu/claude-code-nextjs-skills --path skills/nextjs-seoВручную: положить файлы
.devin/skills/nextjs-seo/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add laguagu/claude-code-nextjs-skills --skill nextjs-seo -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о nextjs-seo
Как установить nextjs-seo в Claude?
Выполните npx skills add laguagu/claude-code-nextjs-skills --skill nextjs-seo -a claude-code. Скилл появится в ~/.claude/skills/nextjs-seo/SKILL.md.
Что делает nextjs-seo?
Внедряет и проверяет SEO в Next.js App Router: метаданные и социальные картинки, sitemap и robots, канонические адреса, структурированные данные, Core Web Vitals и политику для ИИ-краулеров.
Подойдёт ли скилл для обычной работы с фичами Next.js?
Нет, он рассчитан именно на SEO. Задачи вне поисковой оптимизации в его область не входят.
Исходный текст
SKILL.md · MIT
--- name: nextjs-seo description: Next.js App Router SEO implementation and audits. Use for metadata and social images, sitemap/robots, canonicals and localization, structured data, Core Web Vitals evidence, AI crawler policy or search-indexing diagnosis. Not for general Next.js feature work unrelated to SEO. --- # Next.js SEO Start from the page's task, production response and observed search behavior. Read the installed Next.js version and relevant `node_modules/next/dist/docs/` pages (bundled from 16.2); otherwise use matching official documentation. `Metadata`, `Viewport` and `MetadataRoute` types are also in `node_modules/next/dist/lib/metadata/types/metadata-interface.d.ts`. Keep framework APIs, caching mode and deployment policy consistent with the project. Useful, distinct content matters more than a longer page. Give titles, headings and descriptions separate jobs; add a FAQ, summary, badges or extra pages only when they help the reader. Publication dates must reflect meaningful changes. Verify authorship, credentials and factual claims. ## Implementation and audit scope - Verify public URLs, redirects, status codes, crawl rules, index directives and canonicals before adding markup. A sitemap supports discovery; it does not make a page indexable or guarantee indexing. - Keep important public content available in the served HTML when practical. A Client Component can be server-prerendered; `use client` alone does not remove content from HTML. - Use the App Router Metadata API and file conventions. Resolve relative metadata URLs with the correct production `metadataBase` and verify emitted absolute URLs. Do not rely on missing-base behavior across versions/hosts. - Configure refresh/invalidation for data-backed pages, metadata and sitemaps. A database query alone does not guarantee publication updates reach them. With Cache Components enabled, follow the installed Next.js caching docs (`node_modules/next/dist/docs/`); caching is a freshness decision rather than a required SEO directive. - Structured data must describe real visible content and a supported consumer. Check current rich-result eligibility instead of adding every schema type. - Preserve the owner's crawler policy. Training, search and user-triggered retrieval have different controls; robots rules are not access control. ## Read for the affected area - [Metadata](references/metadata-api.md): inheritance, social images, icons and streaming. - [Sitemaps/robots](references/sitemap-robots.md): discovery, localization and preview policy. - [Structured data](references/json-ld.md): current eligibility and safe serialization. - [AI search](references/ai-search.md): crawler purposes, policy and evidence. - [Audit checklist](references/checklist.md): scoped production and Search Console checks. - [Troubleshooting](references/troubleshooting.md): indexing, HTML and hydration diagnosis. Separate evidence in the report: a performance export shows queries/traffic; URL Inspection and indexing reports address crawl/index/canonical status; field measurements address Core Web Vitals. Lighthouse is a lab diagnostic and cannot establish field INP. Good field thresholds at the 75th percentile are LCP ≤ 2.5 s, INP ≤ 200 ms and CLS ≤ 0.1. Verify status, headers and complete production HTML, including relevant bot responses, then open the route directly and test its interaction. A spoofed User-Agent tests response handling, not actual verified bot access. Report unavailable checks explicitly and avoid ranking, indexing or citation promises.
© laguagu · MIT · laguagu/claude-code-nextjs-skills