nuxt-skills

Nuxt.js框架的常用模式、SSR/SSG以及最佳实践。

SKILL.md

--- frontmatter

name: nuxt-skills
description: Nuxt.js framework patterns, SSR/SSG, and best practices
category: stacks/frontend/nuxt
applies_to: nuxt
allowed-tools: Read, Write, Glob, Grep, Bash
user-invocable: true
context: inject

Nuxt.js Skills

Vue.js framework for hybrid static & server rendering.

Sub-Skills

Architecture

•project-structure.md - Project organization
•modules.md - Nuxt modules
•plugins.md - Plugin patterns

Rendering

•universal.md - Universal rendering
•ssr.md - Server-side rendering
•ssg.md - Static generation
•hybrid.md - Hybrid rendering

Data Fetching

•useFetch.md - useFetch composable
•useAsyncData.md - useAsyncData
•server-routes.md - Server routes

Routing

•file-routing.md - File-based routing
•middleware.md - Route middleware
•layouts.md - Layout patterns
•navigation.md - Navigation patterns

State Management

•pinia.md - Pinia integration
•composables.md - State composables

Performance

•lazy-loading.md - Component lazy loading
•image-optimization.md - nuxt/image
•caching.md - Caching strategies

Authentication

•nuxt-auth.md - Nuxt Auth
•middleware-auth.md - Auth middleware

Testing

•vitest.md - Vitest patterns
•e2e.md - E2E testing

Detection

Auto-detected when project contains:

•nuxt.config.ts or nuxt.config.js
•nuxt package
•defineNuxtConfig or useNuxtApp patterns