Agent skill

Nextjs SEO Foundations

Next.js 14 应用的生产级 SEO 工程化规范 (Metadata, Schema, Performance). An agent skill from kennyzir/7deer_skills.

Install Nextjs SEO Foundations

skills CLI

$ npx skills add kennyzir/7deer_skills --skill nextjs-seo-foundations -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install kennyzir/7deer_skills nextjs-seo-foundations --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/kennyzir/7deer_skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/nextjs-seo-foundations .claude/skills/nextjs-seo-foundations && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "nextjs-seo-foundations" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/nextjs-seo-foundations into .claude/skills/nextjs-seo-foundations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-seo-foundations", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/kennyzir/7deer_skills/tree/main/nextjs-seo-foundations

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add kennyzir/7deer_skills --skill nextjs-seo-foundations -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install kennyzir/7deer_skills nextjs-seo-foundations --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/kennyzir/7deer_skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/nextjs-seo-foundations .agents/skills/nextjs-seo-foundations && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "nextjs-seo-foundations" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/nextjs-seo-foundations into .agents/skills/nextjs-seo-foundations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-seo-foundations", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add kennyzir/7deer_skills --skill nextjs-seo-foundations -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install kennyzir/7deer_skills nextjs-seo-foundations --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/kennyzir/7deer_skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/nextjs-seo-foundations .cursor/skills/nextjs-seo-foundations && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "nextjs-seo-foundations" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/nextjs-seo-foundations into .cursor/skills/nextjs-seo-foundations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-seo-foundations", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/kennyzir/7deer_skills.git --path nextjs-seo-foundations

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add kennyzir/7deer_skills --skill nextjs-seo-foundations -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install kennyzir/7deer_skills nextjs-seo-foundations --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/kennyzir/7deer_skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/nextjs-seo-foundations .gemini/skills/nextjs-seo-foundations && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "nextjs-seo-foundations" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/nextjs-seo-foundations into .gemini/skills/nextjs-seo-foundations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-seo-foundations", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install kennyzir/7deer_skills nextjs-seo-foundations

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add kennyzir/7deer_skills --skill nextjs-seo-foundations -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/kennyzir/7deer_skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/nextjs-seo-foundations .github/skills/nextjs-seo-foundations && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "nextjs-seo-foundations" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/nextjs-seo-foundations into .github/skills/nextjs-seo-foundations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-seo-foundations", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add kennyzir/7deer_skills --skill nextjs-seo-foundations -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install kennyzir/7deer_skills nextjs-seo-foundations --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/kennyzir/7deer_skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/nextjs-seo-foundations .opencode/skills/nextjs-seo-foundations && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "nextjs-seo-foundations" agent skill from https://github.com/kennyzir/7deer_skills/tree/main/nextjs-seo-foundations into .opencode/skills/nextjs-seo-foundations/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-seo-foundations", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: nextjs-seo-foundations
GitHub stars: 322
Token cost: ~354 tokens
SKILL.md length: 148 words
Files: 2
Skills in repo: 33
Repo updated: Sep 29, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Next.js 14 应用的生产级 SEO 工程化规范 (Metadata, Schema, Performance). An agent skill from kennyzir/7deer_skills.

Works in 3 steps: Metadata 架构 (The Logic of Tags) → 结构化数据体系 (Schema Graph) → 性能即 SEO (Performance as SEO)
Marketing & SEO work in your project
SKILL.md covers When This Skill Applies, Instructions and Commands
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Nextjs SEO Foundations is an agent skill from kennyzir/7deer_skills. Next.js 14 应用的生产级 SEO 工程化规范 (Metadata, Schema, Performance)

Its SKILL.md is about 350 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files.

It sits in Marketing & SEO. It works with Next.js. The repository describes itself as: Composable, auditable Agent Skills for building Roblox game sites—from opportunity and keyword research to content, SEO, updates, and backlinks. The licence is MIT.

When your agent uses it

Marketing & SEO work in your project

Example prompts

“/nextjs-seo-foundations”

Workflow steps

3 steps, taken from the step headings in SKILL.md.

Metadata 架构 (The Logic of Tags)
结构化数据体系 (Schema Graph)
性能即 SEO (Performance as SEO)

What it can do on your machine

Read from SKILL.md and the folder at commit 32a6881. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Nextjs SEO Foundations loads about 354 tokens when it runs. Until then it costs about 21 tokens; SKILL.md has 148 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~21
When it runs · the whole SKILL.md, loaded when a task matches: ~354

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from kennyzir/7deer_skills at commit 32a6881, republished under its MIT licence (© kennyzir). 148 words, ~354 tokens.

Download SKILL.mdSave it as .claude/skills/nextjs-seo-foundations/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.

name: nextjs-seo-foundations
description: Next.js 14 应用的生产级 SEO 工程化规范 (Metadata, Schema, Performance)
metadata.version: 1.0

🚀 Next.js SEO Foundations

Role: SEO Engineer (SEO 工程师) Core Function: 确保代码符合 Technical SEO 工业标准。

When This Skill Applies

当用户要求 "Check SEO" 或 "Optimize page" 时。
当编写 generateMetadata 函数时。
当添加 StructuredData 或 JSON-LD 时。
当进行代码审查 (Code Review) 涉及性能指标 (LCP/CLS) 时。

Instructions

本 Skill 定义了构建高流量 Next.js 站点的工程标准。

1. Metadata 架构 (The Logic of Tags)

1.1 动态标题策略

Rule: 必须包含 Month Year 以保持新鲜度。

Code Pattern:

typescript

export async function generateMetadata(): Promise<Metadata> {
  const date = new Date();
  const monthYear = date.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });
  return { title: `Codes (${monthYear}) ...` }
}

1.2 Canonical URL 强制性

Fatal Error: 缺少 Canonical 会导致权重分散。
Fix: 统一使用带尾部斜杠的绝对路径。

2. 结构化数据体系 (Schema Graph)

任何高流量页面 (Hub Page) 必须包含 Schema 组合拳：

BreadcrumbList: 层级结构。
FAQPage: 抢占 PAA 区域 (>= 5 Questions)。
VideoGame: 产品本体。

3. 性能即 SEO (Performance as SEO)

3.1 图片优化 (LCP)

Rule: 首屏大图 (Hero Image) 必须添加 priority 属性。

3.2 交互延迟 (FID/INP)

Optimization: 将非首屏交互组件 (Chart, Calculator) 使用 next/dynamic 延迟加载。

Commands

/audit-seo [url]: 运行 SEO 完整性检查。

Files

SKILL.md and 1 other file in nextjs-seo-foundations of kennyzir/7deer_skills.

SKILL.md
resources/StructuredData.tsx

Open the folder on GitHubat commit 32a6881

Compare with similar skills

Nextjs SEO Foundations next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Nextjs SEO Foundations compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Nextjs SEO Foundations this skillkennyzir/7deer_skills	322	—	~354	Automated safety check: Pass	MIT	12 days ago
SEO Setupalisamadiii/Portfolio	180	—	~1.7k	Automated safety check: Pass	None	3 days ago
Investment AnalysisHainrixz/maia-skill	149	—	~4.2k	Automated safety check: Pass	MIT	3 mo ago
Google Analytics 4 Setupooiyeefei/ccc	495	—	~2.2k	Automated safety check: Pass	MIT	2 mo ago
SEO FundamentalsDanielPodolsky/ownyourcode	290	1 repos	~1.4k	Automated safety check: Pass	MIT	3 mo ago
Persian SEOTronIsHere/vibefarsiui	212	—	~1.7k	Automated safety check: Warn	MIT	yesterday

Similar skills

SEO Setup
alisamadiii/Portfolio
Full SEO/metadata setup and audit for client websites (Astro, Next.js, any static site).
180 GitHub stars~1.7k tokensUpdated 3 days ago
Marketing & SEOAuto-check passed
Investment Analysis
Hainrixz/maia-skill
Multi-agent investment research and analysis system by Tododeia.
149 GitHub stars~4.2k tokensUpdated 3 mo ago
Marketing & SEOAuto-check passed
Google Analytics 4 Setup
ooiyeefei/ccc
Sets up GA4 on a website and wires one real conversion event end to end, verified in DebugView before any money goes into ads.
495 GitHub stars~2.2k tokensUpdated 2 mo ago
Marketing & SEOAuto-check passed
SEO Fundamentals
DanielPodolsky/ownyourcode
Reviews SEO including meta tags, semantic HTML, and Open Graph.
290 GitHub starsUsed in 1 repo~1.4k tokens
Marketing & SEOAuto-check passed
Persian SEO
TronIsHere/vibefarsiui
Technical and on-page SEO for Persian (Farsi) websites: lang and hreflang for fa-IR, RTL-safe metadata, Persian titles and descriptions, slug and URL strategy for Persian content, ZWNJ and keyword…
212 GitHub stars~1.7k tokensUpdated yesterday
Marketing & SEOAuto-check: warnings
Metadata Optimizer
huifer/claude-code-seo
分析和优化 Next.js 项目的元数据，包括 title、description、Open Graph、Twitter Cards。自动检测 App Router 或 Pages Router，提供长度建议、关键词优化和最佳实践指导。支持中英文双语 SEO 分析。
110 GitHub stars~1.1k tokensUpdated 9 mo ago
Marketing & SEOAuto-check passed

Questions about Nextjs SEO Foundations

What does Nextjs SEO Foundations do?

Next.js 14 应用的生产级 SEO 工程化规范 (Metadata, Schema, Performance). An agent skill from kennyzir/7deer_skills. Nextjs SEO Foundations is an agent skill from kennyzir/7deer_skills.

When should I use Nextjs SEO Foundations?

Nextjs SEO Foundations fits situations like: marketing & SEO work in your project.

How do I install Nextjs SEO Foundations in Claude Code?

Run `npx skills add kennyzir/7deer_skills --skill nextjs-seo-foundations -a claude-code`. Or copy the skill folder (nextjs-seo-foundations in kennyzir/7deer_skills) into .claude/skills/nextjs-seo-foundations in your project. Claude Code loads it when a task matches its description.

How do I install Nextjs SEO Foundations in Codex?

Run `npx skills add kennyzir/7deer_skills --skill nextjs-seo-foundations -a codex`. Or copy the skill folder (nextjs-seo-foundations in kennyzir/7deer_skills) into .agents/skills/nextjs-seo-foundations in your project. Codex loads it when a task matches its description.

Can I use Nextjs SEO Foundations in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add kennyzir/7deer_skills --skill nextjs-seo-foundations -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nextjs-seo-foundations, .gemini/skills/nextjs-seo-foundations, .github/skills/nextjs-seo-foundations and .opencode/skills/nextjs-seo-foundations in your project.

What does Nextjs SEO Foundations need to run?

SKILL.md names no scripts, command-line tools or credentials: Nextjs SEO Foundations is instructions for the agent only.

Does Nextjs SEO Foundations access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Nextjs SEO Foundations safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Nextjs SEO Foundations use?

Nextjs SEO Foundations is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Nextjs SEO Foundations use?

About 354 tokens (SKILL.md is roughly 1.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Nextjs SEO Foundations?

Skills that share tags, products or a category with Nextjs SEO Foundations: SEO Setup (alisamadiii/Portfolio, 180 stars), Investment Analysis (Hainrixz/maia-skill, 149 stars), Google Analytics 4 Setup (ooiyeefei/ccc, 495 stars) and SEO Fundamentals (DanielPodolsky/ownyourcode, 290 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Nextjs SEO Foundations?

kennyzir (a GitHub user) maintains it in kennyzir/7deer_skills, which has 322 GitHub stars. The repository holds 33 skills in this directory. The repository was last updated on September 29, 2026.

Source: kennyzir/7deer_skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Nextjs SEO Foundations

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

🚀 Next.js SEO Foundations

When This Skill Applies

Instructions

1. Metadata 架构 (The Logic of Tags)

1.1 动态标题策略

1.2 Canonical URL 强制性

2. 结构化数据体系 (Schema Graph)

3. 性能即 SEO (Performance as SEO)

3.1 图片优化 (LCP)

3.2 交互延迟 (FID/INP)

Commands

Files

Compare with similar skills

Similar skills

More from kennyzir/7deer_skills

Related

Questions about Nextjs SEO Foundations