nuxt-seo은(는) 무엇을 하나요?
Nuxt SEO 메타 모듈: robots, sitemap, og-image, schema-org. SEO 구성, 사이트맵 생성, OG 이미지 제작 또는 구조화된 데이터 추가 시 사용합니다.
Nuxt SEO 메타 모듈: robots, sitemap, og-image, schema-org. SEO 구성, 사이트맵 생성, OG 이미지 제작 또는 구조화된 데이터 추가 시 사용합니다.
onmax/nuxt-seo는 Nuxt.js 애플리케이션을 위한 포괄적인 SEO 메타 모듈입니다. 이 스킬은 robots.txt, 사이트맵, 오픈 그래프(OG) 이미지 생성, Schema.org 구조화된 데이터 설정 등 SEO에 필요한 다양한 기능을 통합 제공합니다. 개발자는 이를 통해 복잡한 SEO 설정을 간소화하고, 검색 엔진 최적화를 손쉽게 적용할 수 있습니다. 특히 Nuxt.js 프레임워크와 완벽하게 통합되어 별도의 추가 설정 없이 모듈을 설치하고 구성하기만 하면 됩니다. 사이트맵 생성, 소셜 미디어 공유를 위한 OG 이미지 자동 생성, 검색엔진 크롤링 제어를 위한 robots.txt 설정, 그리고 풍부한 스니펫을 위한 Schema.org 마크업 등 모든 주요 SEO 요소를 한 곳에서 관리할 수 있습니다. 이는 개발 시간을 단축하고 일관된 SEO 전략을 유지하는 데 크게 기여합니다.
npx skills add https://github.com/onmax/nuxt-skills/tree/main/skills/nuxt-seoInstalled? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Nuxt SEO 메타 모듈: robots, sitemap, og-image, schema-org. SEO 구성, 사이트맵 생성, OG 이미지 제작 또는 구조화된 데이터 추가 시 사용합니다.
This repo contains 15 individual skills — each has its own dedicated page.
Use when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props.
Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt
Use when working on Nuxt 4+ projects - provides server routes, file-based routing, middleware patterns, Nuxt-specific composables, and configuration with latest docs. Covers h3 v1 helpers (validation, WebSocket, SSE) and nitropack v2 patterns. Updated for Nuxt 4.3+.
Use when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration.
Use when working with Nuxt Content v3, markdown content, or CMS features in Nuxt - provides collections (local/remote/API sources), queryCollection API, MDC rendering, database configuration, NuxtStudio integration, hooks, i18n patterns, and LLMs integration
Use when building NuxtHub v0.10.6 applications - provides database (Drizzle ORM with sqlite/postgresql/mysql), KV storage, blob storage, and cache APIs. Covers configuration, schema definition, migrations, multi-cloud deployment (Cloudflare, Vercel), and the new hub:db, hub:kv, hub:blob virtual module imports.
Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6) Setting up CI/CD workflows for modules. Provides defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation.
Use when building styled UI with @nuxt/ui v4 components - create forms with validation, implement data tables with sorting, build modal dialogs and overlays, configure Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.
Use when managing Node.js dependencies with pnpm - install packages, configure monorepo workspaces, set up pnpm catalogs, resolve dependency conflicts with overrides, patch third-party packages, and configure CI pipelines for pnpm projects
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.
Use when authoring TypeScript libraries or npm packages - covers project setup, package.json exports, build tooling (tsdown/unbuild), API design patterns, type inference tricks, testing, and publishing to npm. Use when bundling, configuring dual CJS/ESM output, or setting up release workflows.
Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.
Use when writing unit/integration tests for Vite projects - configure vitest.config.ts, write test suites with describe/it, create mock implementations with vi.fn and vi.mock, set up code coverage thresholds, and run tests in parallel
Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance
Use when working with VueUse composables - track mouse position with useMouse, manage localStorage with useStorage, detect network status with useNetwork, debounce values with refDebounced, and access browser APIs reactively. Check VueUse before writing custom composables - most patterns already implemented.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.