Next.js App Router SEO 優化與審計工具。用於實作或修正 Next.js 應用程式中的 SEO 相關功能，包括 meta 資料、Open Graph、結構化資料、網站地圖、Robots.txt、以及 AI 搜尋爬蟲規則等。
此技能專注於 Next.js App Router 生態系統中的全面 SEO 優化與審計工作。它能協助開發者實作與修正關鍵的 SEO 功能，例如動態 meta 標籤、Open Graph 協定與 Twitter 卡片圖片、Web App Manifest、網站圖示、Sitemap、Robots.txt、Canonical URL、hreflang 國際化替代、JSON-LD 結構化資料（支援豐富結果），以及 Core Web Vitals（LCP、INP、CLS）等重要指標。此外，此技能還能處理新興的 AI 搜尋引擎優化（GEO），包括設定 GPTBot 與 OAI-SearchBot 的爬蟲規則，並協助診斷 Google 索引問題（如「已探索/已檢索 - 目前未編入索引」）。支援執行完整的 SEO 審計檢查清單，確保應用程式符合最新的 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 相關功能，包括：meta 資料與 generateMetadata、viewport/themeColor、Open Graph 與 og/twitter 圖片（檔案慣例 + ImageResponse）、Web App Manifest、favicons/icons、sitemap.xml、robots.txt、Canonical URL、hreflang/i18n 替代、JSON-LD 結構化資料與豐富結果、Core Web Vitals（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.