Next.js App Router SEO 优化与审计工具。用于在 Next.js 应用中实现或修复 SEO 相关功能。
此技能专门用于 Next.js App Router 应用的 SEO 优化和审计。它涵盖了一系列关键的 SEO 技术，包括元数据管理（metadata 和 generateMetadata）、视口设置、主题颜色、Open Graph 和 Twitter 图片（文件约定及 ImageResponse）、Web 应用清单、favicons/图标、sitemap.xml、robots.txt、规范 URL、hreflang/i18n 多语言备选、JSON-LD 结构化数据与富搜索结果、核心 Web 指标（LCP/INP/CLS）、AI 搜索/GEO 优化以及 AI 爬虫规则（GPTBot、OAI-SearchBot）。此外，它还能用于诊断 Google 索引问题（Search Console 中的“已发现 - 当前未索引”或“已抓取 - 当前未索引”），并支持运行完整的 SEO 审计清单。该技能旨在帮助开发者全面优化 Next.js 应用的搜索引擎可见性和性能，确保符合最新的 SEO 最佳实践。对于与 SEO 无关的常规 Next.js 功能开发，请勿使用此技能。
npx skills add https://github.com/laguagu/claude-code-nextjs-skills/tree/main/skills/nextjs-seoInstalled? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
用于 Next.js App Router 的 SEO 优化与审计。当在 Next.js 应用中实现或修复 SEO 时使用——包括元数据和 generateMetadata、视口/主题颜色、Open Graph 和 og/twitter 图片（文件约定 + ImageResponse）、Web 应用清单、favicons/图标、sitemap.xml、robots.txt、规范 URL、hreflang/i18n 多语言备选、JSON-LD 结构化数据和富结果、核心 Web 指标（LCP/INP/CLS）、AI 搜索/GEO 和 AI 爬虫规则（GPTBot、OAI-SearchBot），或诊断 Google 索引问题（Search Console，“已发现/已抓取 - 当前未索引”）。也可用于运行 SEO 审计清单。不适用于与 SEO 无关的常规 Next.js 功能开发。
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.