mcpField
N
nuxt-seo

nuxt-seo

github.com/onmaxMarketing & growth7233.1k installsUpdated today
Repository

About nuxt-seo

A skill reference for Nuxt SEO, covering SEO configuration and Nuxt modules for site metadata, crawlability, social previews, and structured data. It is intended for developers adding or maintaining SEO features in Nuxt sites.

Key features

  1. 01Shared site SEO configuration
  2. 02robots.txt and sitemap.xml generation
  3. 03Dynamic OG image generation
  4. 04JSON-LD structured data
  5. 05Breadcrumbs and canonical URLs

Use cases

  1. 01Configuring site identity and indexability
  2. 02Generating sitemap and robots rules
  3. 03Adding social preview images and schema data

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/onmax/nuxt-skills --skill nuxt-seo

After installing, type/nuxt-seoin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

agents/
openai.yaml
references/
crawlability.md
og-image.md
schema-org.md
site-config.md
utilities.md

Details

From the project README

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:

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

ModulePurposeKey API
nuxt-site-configShared configuseSiteConfig()
@nuxtjs/robotsrobots.txtuseRobotsRule()
@nuxtjs/sitemapsitemap.xmldefineSitemapEventHandler()
nuxt-og-imageOG imagesdefineOgImage()
nuxt-schema-orgJSON-LDuseSchemaOrg()
nuxt-seo-utilsMeta utilitiesuseBreadcrumbItems()
nuxt-link-checkerLink validationBuild-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

Links

Token Efficiency

Main skill: ~250 tokens. Each sub-file: ~400-600 tokens. Only load files relevant to current task.

Comments

Markdown supported