Nextjs SEO Booster Agent Skill
by kennyzir
A complete SEO toolkit for Next.js applications, including structured data (Schema.org), dynamic sitemap generation, and meta tags.
597 tokens
context cost
the whole folder, loaded on every use
3
files
ships runnable scripts
0
copies elsewhere
how many repositories repackaged it
311
stars on the repo
on the repository, not the skill itself
Install
one command, takes just this skill from the repositorynpx skills add https://github.com/kennyzir/7deer_skills --skill nextjs-seo-boosterWhat comes with it
1 191 bytes besides the instructionresources/StructuredData.tsx
resources/sitemap.ts
The instruction itself
7 sections, as written by the authorNext.js SEO Booster Protocol
Role: Full-Stack SEO Toolkit
Core Function: 提供开箱即用的 SEO 组件代码，加速开发流程。
When This Skill Applies
- 当用户需要 JSON-LD Schema 代码实现时。
- 当用户需要生成 Dynamic Sitemap 代码时。
- 当
nextjs-seo-foundations确定了标准，需要具体组件落地时。
Instructions
本 Skill 提供了即插即用的代码组件。
Prerequisites
使用此 Skill 前必须安装 Type Definitions:
npm install -D schema-dts
1. Structured Data Component
- Source:
resources/StructuredData.tsx - Usage: 这是一个通用的 Schema 注入组件。它不再依赖项目特定的配置，而是通过 Props 或环境变量工作。
2. Sitemap Generator
- Source:
resources/sitemap.ts - Usage: 复制到
app/sitemap.ts并配置路由列表。
Actions
- 使用
copy-item将资源文件复制到项目components/目录。
How to use it
Copy the folder
Take kennyzir/nextjs-seo-booster from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
Check the name does not clash
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.
Install what it needs
The instructions reference npm.
Without those the skill loads but fails at the first command.