Nuxt SEO
secondsky/claude-skills
Nuxt SEO v5 modules (robots, sitemap, og-image, schema-org, link-checker, seo-utils, site-config).
Nuxt SEO optimization guidelines for Cloudflare-deployed applications.
Install Nuxt SEO Best Practices
$ npx skills add vinayakkulkarni/nxui --skill nuxt-seo-best-practices -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install vinayakkulkarni/nxui nuxt-seo-best-practices --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/vinayakkulkarni/nxui.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/nuxt-seo-best-practices .claude/skills/nuxt-seo-best-practices && rm -rf skills-srcUse ~/.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/
Install the "nuxt-seo-best-practices" agent skill from https://github.com/vinayakkulkarni/nxui/tree/main/.agents/skills/nuxt-seo-best-practices into .claude/skills/nuxt-seo-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-seo-best-practices", 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 install https://github.com/vinayakkulkarni/nxui/tree/main/.agents/skills/nuxt-seo-best-practicesType 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.
$ npx skills add vinayakkulkarni/nxui --skill nuxt-seo-best-practices -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install vinayakkulkarni/nxui nuxt-seo-best-practices --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vinayakkulkarni/nxui.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/nuxt-seo-best-practices .agents/skills/nuxt-seo-best-practices && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "nuxt-seo-best-practices" agent skill from https://github.com/vinayakkulkarni/nxui/tree/main/.agents/skills/nuxt-seo-best-practices into .agents/skills/nuxt-seo-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-seo-best-practices", 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.
$ npx skills add vinayakkulkarni/nxui --skill nuxt-seo-best-practices -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install vinayakkulkarni/nxui nuxt-seo-best-practices --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vinayakkulkarni/nxui.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/nuxt-seo-best-practices .cursor/skills/nuxt-seo-best-practices && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "nuxt-seo-best-practices" agent skill from https://github.com/vinayakkulkarni/nxui/tree/main/.agents/skills/nuxt-seo-best-practices into .cursor/skills/nuxt-seo-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-seo-best-practices", 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 https://github.com/vinayakkulkarni/nxui.git --path .agents/skills/nuxt-seo-best-practices--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add vinayakkulkarni/nxui --skill nuxt-seo-best-practices -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install vinayakkulkarni/nxui nuxt-seo-best-practices --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vinayakkulkarni/nxui.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/nuxt-seo-best-practices .gemini/skills/nuxt-seo-best-practices && rm -rf skills-srcUse ~/.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/
Install the "nuxt-seo-best-practices" agent skill from https://github.com/vinayakkulkarni/nxui/tree/main/.agents/skills/nuxt-seo-best-practices into .gemini/skills/nuxt-seo-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-seo-best-practices", 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.
$ gh skill install vinayakkulkarni/nxui nuxt-seo-best-practicesInstalls 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).
$ npx skills add vinayakkulkarni/nxui --skill nuxt-seo-best-practices -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/vinayakkulkarni/nxui.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/nuxt-seo-best-practices .github/skills/nuxt-seo-best-practices && rm -rf skills-srcUse ~/.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/
Install the "nuxt-seo-best-practices" agent skill from https://github.com/vinayakkulkarni/nxui/tree/main/.agents/skills/nuxt-seo-best-practices into .github/skills/nuxt-seo-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-seo-best-practices", 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.
$ npx skills add vinayakkulkarni/nxui --skill nuxt-seo-best-practices -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install vinayakkulkarni/nxui nuxt-seo-best-practices --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vinayakkulkarni/nxui.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/nuxt-seo-best-practices .opencode/skills/nuxt-seo-best-practices && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "nuxt-seo-best-practices" agent skill from https://github.com/vinayakkulkarni/nxui/tree/main/.agents/skills/nuxt-seo-best-practices into .opencode/skills/nuxt-seo-best-practices/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nuxt-seo-best-practices", 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
nuxt-seo-best-practices- GitHub stars
- 212
- Token cost
- ~819 tokens
- SKILL.md length
- 324 words
- Files
- 18 (incl. scripts)
- Skills in repo
- 6
- Repo updated
- First seen
- Licence
- MIT
At a glance
Nuxt SEO optimization guidelines for Cloudflare-deployed applications.
- Works in 4 steps: OG Image Generation (CRITICAL) → Page SEO & Meta (HIGH) → Structured Data (MEDIUM) → …
- Tasks involving SEO
- SKILL.md covers When to Apply, Rule Categories by Priority, Quick Reference and How to Use, plus 1 more section
- Runs TypeScript scripts from its folder
What it does
Nuxt SEO Best Practices is an agent skill from vinayakkulkarni/nxui. Nuxt SEO optimization guidelines for Cloudflare-deployed applications. Covers dynamic OG image generation on CF Workers, page SEO composables, JSON-LD structured data, SSR externals, and Nitro configuration. Triggers on tasks involving SEO, meta tags, OG images, Open Graph, Satori, social sharing, or Cloudflare Workers deployment.
Its SKILL.md is about 820 tokens, which your agent loads only when the skill is triggered. The skill folder holds 19 other files, including scripts (for example `AGENTS.md`, `package.json` and `rules/_sections.md`).
It sits in Marketing & SEO, covering Schema markup, Social media graphics and On-page SEO. It works with Nuxt, Cloudflare, Cloudflare Workers and React. The repository describes itself as: Beautiful animated components for Vue. Built with Tailwind CSS and motion-v. The licence is MIT.
When your agent uses it
- Tasks involving SEO
- Cloudflare Workers deployment
Example prompts
- “/nuxt-seo-best-practices”
Requirements
- Node.js
Workflow steps
4 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit 46001b5. 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
Ships 2 files in scripts/ (TypeScript), which the agent can run.
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
Nuxt SEO Best Practices loads about 819 tokens when it runs. Until then it costs about 89 tokens; SKILL.md has 324 words of instructions outside code blocks.
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); the scripts in this folder are not scanned.
SKILL.md
The full file from vinayakkulkarni/nxui at commit 46001b5, republished under its MIT licence (© vinayakkulkarni). 324 words, ~819 tokens.
Download SKILL.mdSave it as
.claude/skills/nuxt-seo-best-practices/SKILL.md (or your agent's skills folder). This skill also uses 17 other files; get the full folder from GitHub.- name
- nuxt-seo-best-practices
- description
- Nuxt SEO optimization guidelines for Cloudflare-deployed applications. Covers dynamic OG image generation on CF Workers, page SEO composables, JSON-LD structured data, SSR externals, and Nitro configuration. Triggers on tasks involving SEO, meta tags, OG images, Open Graph, Satori, social sharing, or Cloudflare Workers deployment.
- license
- MIT
- metadata.author
- vinayakkulkarni
- metadata.version
- 1.0.0
Nuxt SEO Best Practices
Comprehensive SEO optimization guide for Nuxt 4 applications deployed to Cloudflare Pages/Workers. Contains 11 rules across 4 categories, prioritized by impact to guide automated refactoring and code generation.
Nuxt 4.5 note: head management now runs on
unheadv3 —useHeadtyping is stricter (type errors after upgrading are usually genuine tightening, not regressions) and promise input is no longer supported. AlluseHead/useSeoMetaexamples in this skill use plain synchronous values and are v3-compatible.
When to Apply
Reference these guidelines when:
- Generating dynamic OG images on Cloudflare Workers
- Setting up page-level SEO meta tags and composables
- Adding JSON-LD structured data
- Configuring Nitro for Cloudflare Pages deployment
- Handling SSR-incompatible client-only libraries
- Setting up social sharing meta (Open Graph, Twitter Cards)
- Working with Satori for image generation (NEVER use React)
Rule Categories by Priority
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | OG Image Generation | CRITICAL | og- |
| 2 | Page SEO & Meta | HIGH | meta- |
| 3 | Structured Data | MEDIUM | schema- |
| 4 | Cloudflare & Nitro Config | HIGH | cf- |
Quick Reference
1. OG Image Generation (CRITICAL)
og-cf-workers- Generate dynamic OG images on Cloudflare Workers with @cf-wasm/ogog-no-react- Use plain JS objects for Satori elements, NEVER Reactog-cache-headers- Cache OG images with immutable headers for CDN
2. Page SEO & Meta (HIGH)
meta-use-page-seo- Reusable composable for consistent page-level SEOmeta-social-tags- Proper Open Graph and Twitter Card meta tagsmeta-canonical-url- Canonical URLs and og:url for every page
3. Structured Data (MEDIUM)
schema-json-ld- JSON-LD structured data in app.vue for Google Rich Results
4. Cloudflare & Nitro Config (HIGH)
cf-compatibility-date- Pin compatibilityDate, never use 'latest'cf-nitro-config- Nitro config for CF Pages (nodeCompat, process.stdout, WASM)cf-ssr-externals- SSR external config for client-only librariescf-wasm-import- WASM module configuration for Cloudflare Workers
How to Use
Read individual rule files for detailed explanations and code examples:
rules/og-cf-workers.md
rules/meta-use-page-seo.md
rules/_sections.mdEach rule file contains:
- Brief explanation of why it matters
- Incorrect code example with explanation
- Correct code example with explanation
- Additional context and Nuxt/Cloudflare-specific notes
Full Compiled Document
For the complete guide with all rules expanded: AGENTS.md
© vinayakkulkarni, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 17 other files (scripts) in .agents/skills/nuxt-seo-best-practices of vinayakkulkarni/nxui.
- SKILL.md
- AGENTS.md
- package.json
- rules/_sections.md
- rules/_template.md
- rules/cf-compatibility-date.md
- rules/cf-nitro-config.md
- rules/cf-ssr-externals.md
- rules/cf-wasm-import.md
- rules/meta-canonical-url.md
- rules/meta-social-tags.md
- rules/meta-use-page-seo.md
- rules/og-cache-headers.md
- rules/og-cf-workers.md
- rules/og-no-react.md
- rules/schema-json-ld.md
- scripts/build.ts
- scripts/validate.ts
Open the folder on GitHubat commit 46001b5
Compare with similar skills
Nuxt SEO Best Practices 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Nuxt SEO Best Practices this skillvinayakkulkarni/nxui | 212 | — | ~819 | Automated safety check: Pass | MIT | |
| Nuxt SEOsecondsky/claude-skills | 227 | — | ~2.7k | Automated safety check: Pass | MIT | |
| SEOgridaco/grida | 2.7k | — | ~2.1k | Automated safety check: Pass | Apache-2.0 | |
| SEO Setupalisamadiii/Portfolio | 180 | — | ~1.7k | Automated safety check: Pass | None | |
| SEO Optimizerailabs-393/ai-labs-claude-skills | 455 | 1 repos | ~3.2k | Automated safety check: Pass | MIT | |
| SEOever-works/ever-works | 162 | 10 repos | ~2.9k | Automated safety check: Pass | MIT |
Similar skills
SEO
gridaco/grida
SEO best practices for the Grida project across Next.js pages, blog posts, and documentation.
SEO Setup
alisamadiii/Portfolio
Full SEO/metadata setup and audit for client websites (Astro, Next.js, any static site).
SEO Optimizer
ailabs-393/ai-labs-claude-skills
This skill should be used when analyzing HTML/CSS websites for SEO optimization, fixing SEO issues, generating SEO reports, or implementing SEO best practices.
SEO
ever-works/ever-works
Optimize for search engine visibility and ranking. An agent skill from ever-works/ever-works.
Universal SEO Analysis
AgriciDaniel/claude-seo
Hub for site-wide SEO work: audits, technical checks, schema, content quality, local, hreflang and AI-search readiness, run through slash commands.
More from vinayakkulkarni/nxui
Nuxt Best Practices
vinayakkulkarni/nxui
Nuxt 4 performance optimization and architecture guidelines (current through Nuxt 4.5) for building fast, maintainable full-stack applications.
Nuxt Geo Best Practices
vinayakkulkarni/nxui
Nuxt GEO (Generative Engine Optimization) guidelines for getting cited by ChatGPT, Perplexity, Claude, Google AI Overviews, and Gemini.
Vue Best Practices
vinayakkulkarni/nxui
Vue.js performance optimization guidelines for building fast, maintainable applications.
Nuxt Agent Ready Best Practices
vinayakkulkarni/nxui
Nuxt agent-readiness guidelines for making a site operable by autonomous AI agents — not just cited by them.
Nxui Design
vinayakkulkarni/nxui
Project-level design skill for nxui (nxui.geoql.in). An agent skill from vinayakkulkarni/nxui.
Related
Works with
Categories
Questions about Nuxt SEO Best Practices
What does Nuxt SEO Best Practices do?
Nuxt SEO optimization guidelines for Cloudflare-deployed applications. Nuxt SEO Best Practices is an agent skill from vinayakkulkarni/nxui. Nuxt SEO optimization guidelines for Cloudflare-deployed applications.
When should I use Nuxt SEO Best Practices?
Nuxt SEO Best Practices fits situations like: tasks involving SEO; cloudflare Workers deployment.
How do I install Nuxt SEO Best Practices in Claude Code?
Run `npx skills add vinayakkulkarni/nxui --skill nuxt-seo-best-practices -a claude-code`. Or copy the skill folder (.agents/skills/nuxt-seo-best-practices in vinayakkulkarni/nxui) into .claude/skills/nuxt-seo-best-practices in your project. Claude Code loads it when a task matches its description.
How do I install Nuxt SEO Best Practices in Codex?
Run `npx skills add vinayakkulkarni/nxui --skill nuxt-seo-best-practices -a codex`. Or copy the skill folder (.agents/skills/nuxt-seo-best-practices in vinayakkulkarni/nxui) into .agents/skills/nuxt-seo-best-practices in your project. Codex loads it when a task matches its description.
Can I use Nuxt SEO Best Practices 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 vinayakkulkarni/nxui --skill nuxt-seo-best-practices -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nuxt-seo-best-practices, .gemini/skills/nuxt-seo-best-practices, .github/skills/nuxt-seo-best-practices and .opencode/skills/nuxt-seo-best-practices in your project.
What does Nuxt SEO Best Practices need to run?
Going by SKILL.md and its folder, Nuxt SEO Best Practices needs TypeScript for the scripts in its folder. Our summary lists: Node.js.
Does Nuxt SEO Best Practices 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 Nuxt SEO Best Practices 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Nuxt SEO Best Practices use?
Nuxt SEO Best Practices is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Nuxt SEO Best Practices use?
About 819 tokens (SKILL.md is roughly 3.3k 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 Nuxt SEO Best Practices?
Skills that share tags, products or a category with Nuxt SEO Best Practices: Nuxt SEO (secondsky/claude-skills, 227 stars), SEO (gridaco/grida, 2.7k stars), SEO Setup (alisamadiii/Portfolio, 180 stars) and SEO Optimizer (ailabs-393/ai-labs-claude-skills, 455 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Nuxt SEO Best Practices?
vinayakkulkarni (a GitHub user) maintains it in vinayakkulkarni/nxui, which has 212 GitHub stars. The repository holds 6 skills in this directory. The repository was last updated on October 9, 2026.
Source: vinayakkulkarni/nxui on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.