It configures Nuxt applications by generating sitemaps, creating OG images, and injecting structured JSON-LD data.
Install
mkdir -p .claude/skills/nuxt-seo && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/4984" && unzip -o skill.zip -d .claude/skills/nuxt-seo && rm skill.zipInstalls to .claude/skills/nuxt-seo
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.Key capabilities
- →Configure site metadata and indexability
- →Generate robots.txt and sitemap.xml
- →Create dynamic OG images
- →Inject JSON-LD structured data
- →Validate links at build time
How it works
The skill provides a meta-module that integrates site configuration, robots rules, sitemaps, OG images, and schema markup into the Nuxt build process.
Inputs & outputs
When to use nuxt-seo
- →Configuring site metadata and indexability
- →Generating sitemap.xml for SEO
- →Creating dynamic OG images for social media
- →Adding JSON-LD schema markup
About this skill
Nuxt SEO
npx nuxi module add @nuxtjs/seo
When to Use
Working with:
- SEO configuration (site URL, name, indexability)
- Robots.txt and sitemap.xml generation
- Dynamic OG image generation
- JSON-LD structured data (schema.org)
- Breadcrumbs and canonical URLs
Loading Files
Consider loading these reference files based on your task:
- references/site-config.md - if configuring site URL, name, or SEO foundation
- references/crawlability.md - if setting up robots.txt or sitemap.xml
- references/og-image.md - if generating dynamic OG images
- references/schema-org.md - if adding JSON-LD structured data
- references/utilities.md - if working with breadcrumbs, canonical URLs, or link checking
DO NOT load all files at once. Load only what's relevant to your current task.
Site Config
Foundation for all SEO modules. Configure site in nuxt.config.ts, access via useSiteConfig(). See references/site-config.md for full options.
Module Overview
| Module | Purpose | Key API |
|---|---|---|
| nuxt-site-config | Shared config | useSiteConfig() |
| @nuxtjs/robots | robots.txt | useRobotsRule() |
| @nuxtjs/sitemap | sitemap.xml | defineSitemapEventHandler() |
| nuxt-og-image | OG images | defineOgImage() |
| nuxt-schema-org | JSON-LD | useSchemaOrg() |
| nuxt-seo-utils | Meta utilities | useBreadcrumbItems() |
| nuxt-link-checker | Link validation | Build-time checks |
Nuxt Content v3
Use asSeoCollection() for automatic sitemap, og-image, and schema-org from frontmatter:
// content.config.ts
import { defineCollection, defineContentConfig } from '@nuxt/content'
import { asSeoCollection } from '@nuxtjs/seo/content'
export default defineContentConfig({
collections: {
posts: defineCollection(asSeoCollection({ type: 'page', source: 'posts/**' }))
}
})
Important: Load @nuxtjs/seo before @nuxt/content in modules array:
export default defineNuxtConfig({
modules: ['@nuxtjs/seo', '@nuxt/content']
})
Frontmatter fields: ogImage, sitemap, robots, schemaOrg.
Related Skills
- nuxt-content - For MDC rendering with SEO frontmatter
Links
Token Efficiency
Main skill: ~250 tokens. Each sub-file: ~400-600 tokens. Only load files relevant to current task.
When not to use it
- →When the project does not use Nuxt
- →When loading all reference files simultaneously
Prerequisites
Limitations
- →Requires @nuxtjs/seo to be loaded before @nuxt/content
How it compares
It automates the generation of complex SEO artifacts like sitemaps and OG images directly from Nuxt configuration, replacing manual file creation.
Compared to similar skills
nuxt-seo side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| nuxt-seo (this skill) | 2 | 6mo | Review | Beginner |
| nextjs-developer | 328 | 2mo | No flags | Advanced |
| landing-page-guide | 1 | 9mo | Review | Intermediate |
| nextjs-seo-foundations | 0 | 1mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by onmax
View all by onmax →You might also like
nextjs-developer
zenobi-us
Expert Next.js developer mastering Next.js 14+ with App Router and full-stack features. Specializes in server components, server actions, performance optimization, and production deployment with focus on building fast, SEO-friendly applications.
landing-page-guide
bear2u
Comprehensive guide for creating effective landing pages using Next.js or React. This skill should be used when users request to create landing pages, marketing pages, or product pages that require the 11 essential elements for high-converting landing pages. Specifically designed for Next.js 14+ App Router with ShadCN UI components.
nextjs-seo-foundations
zou9229
Next.js 14 应用的生产级 SEO 工程化规范 (Metadata, Schema, Performance)
seo-metadata-patterns
KapishMittal128
Complete SEO patterns for Next.js — Metadata API, Open Graph, Twitter cards, JSON-LD structured data, sitemap, and robots.txt. Use when shipping any public-facing page.
tanstack-seo
magnusrodseth
Complete SEO setup for TanStack Router / TanStack Start projects. Covers: dynamic OG image generation with Satori + Resvg, centralized SEO config and meta tag helpers, structured data (JSON-LD) for Organization/WebSite/Article/FAQ/Breadcrumb/Software schemas, dynamic XML sitemap, robots.txt, llms.tx
social-metadata-hardening
boisenoise
Fix social sharing previews so URLs render as rich cards on Facebook, LinkedIn, X/Twitter, WhatsApp, Telegram, and more. Covers OG tags, Twitter cards, absolute image URLs, and debugging.