skills.rest
wolfstar-project
wolfstar-projectOFFICIAL
Explore all skills by this author →
WebsiteGitHub

nuxt-seo

Configure robots, sitemaps, OG images, and schema.org structured data for Nuxt applications.

Updated Aug 8, 2026
Search Tags:#sitemap#seo#nuxt#robots.txt#structured-data#schema.org#og-image
One-click install
npx skills add https://github.com/wolfstar-project/code-zero --skill nuxt-seo-wolfstar-project
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-seo
Source: https://github.com/wolfstar-project/code-zero/tree/main/.agents/skills/nuxt-seo
Command: npx skills add https://github.com/wolfstar-project/code-zero --skill nuxt-seo-wolfstar-project

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @nuxtjs/seo, and includes references (resource) components.

What problem does it solve? Setting up complete SEO for a Nuxt site requires coordinating multiple modules (robots, sitemap, OG images, structured data) with consistent configuration, which is error-prone and time-consuming when done manually. ## Core Features & Use Cases - Crawlability Management: Generate robots.txt with AI-bot blocking rules and sitemap.xml with dynamic URLs, multi-sitemap splitting, and i18n hreflang support. - Dynamic OG Images: Generate Open Graph images from Vue components using satori or chromium renderers, with per-platform sizes and Nuxt Content frontmatter integration. - Structured Data: Add JSON-LD schema.org markup (articles, products, FAQs, breadcrumbs) with auto-inference from page head metadata. - Use Case: A developer building a Nuxt Content blog uses asSeoCollection() to automatically generate sitemap entries, OG images, and BlogPosting schema from markdown frontmatter. ## Quick Start Ask the AI to set up the @nuxtjs/seo module in your Nuxt project and configure the site URL, sitemap, and OG image generation for your pages.

Frequently Asked Questions about nuxt-seo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up SEO in a Nuxt 3 project?▼

Install the @nuxtjs/seo meta-module with npx nuxi module add @nuxtjs/seo, then configure the site object in nuxt.config.ts with your URL and name. This single module bundles robots, sitemap, og-image, schema-org, and SEO utilities.

How to generate a dynamic sitemap in Nuxt?▼

Create a server route at server/api/__sitemap__/urls.ts using defineSitemapEventHandler to return URL entries from your data source. The @nuxtjs/sitemap module then merges these with app routes into /sitemap.xml automatically.

How do I generate OG images dynamically in Nuxt?▼

Call defineOgImage with the built-in NuxtSeo template or a custom Vue component in components/OgImage/. The satori renderer is the fast default; use chromium for complex designs requiring full CSS support.

Does @nuxtjs/seo work with Nuxt Content v3?▼

Yes, wrap your content collection with asSeoCollection() to get automatic sitemap, og-image, and schema-org support from frontmatter. Load @nuxtjs/seo before @nuxt/content in the modules array for correct integration.

How do I block AI crawlers with robots.txt in Nuxt?▼

Set blockAiBots: true in the robots config in nuxt.config.ts. For per-page control, use useRobotsRule with noai and noimageai directives, or apply route rules for path-specific policies.

What are the limitations of the satori OG image renderer?▼

Satori does not support display: grid and requires explicit dimensions for absolutely positioned elements. Use flexbox layouts and @nuxt/fonts with global: true for reliable font rendering.

Related Skills

Explore More Software Engineering Skills→
onmaxonmax
704

nuxt-seo

Configure Nuxt SEO modules for robots, sitemaps, OG images, and structured data.

Community
Intermediate
joySUSYjoySUSY

schema-markup

Implement JSON-LD structured data markup for Google rich results.

Community
Intermediate
aramark-destinationsaramark-destinations

quality-audit

Audit page quality across Lighthouse, SEO, and WCAG checks.

Official
Advanced
asonnleitnerasonnleitner

nuxt-core

Explain Nuxt 4 core fundamentals including setup, routing, SEO, and error handling.

Community
Intermediate