@hairyf/nuxt

Hairy's curated collection of agent skills.

View in AI SkillSafe app
Scanned · no findings
46 downloads
0 stars
0 demos
SKILL.md
namenuxt
descriptionNuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.

Nuxt is a full-stack Vue framework that provides server-side rendering, file-based routing, auto-imports, and a powerful module system. It uses Nitro as its server engine for universal deployment across Node.js, serverless, and edge platforms.

The skill is based on Nuxt 3.x, generated at 2026-01-28.

Core

Topic Description Reference
Directory Structure Project folder structure, conventions, file organization core-directory-structure
Configuration nuxt.config.ts, app.config.ts, runtime config, environment variables core-config
CLI Commands Dev server, build, generate, preview, and utility commands core-cli
Routing File-based routing, dynamic routes, navigation, middleware, layouts core-routing
Data Fetching useFetch, useAsyncData, $fetch, caching, refresh core-data-fetching
Modules Creating and using Nuxt modules, Nuxt Kit utilities core-modules
Deployment Platform-agnostic deployment with Nitro, Vercel, Netlify, Cloudflare core-deployment

Features

Topic Description Reference
Composables Auto-imports Vue APIs, Nuxt composables, custom composables, utilities features-composables
Components Auto-imports Component naming, lazy loading, hydration strategies features-components-autoimport
Built-in Components NuxtLink, NuxtPage, NuxtLayout, ClientOnly, and more features-components
State Management useState composable, SSR-friendly state, Pinia integration features-state
Server Routes API routes, server middleware, Nitro server engine features-server

Rendering

Topic Description Reference
Rendering Modes Universal (SSR), client-side (SPA), hybrid rendering, route rules rendering-modes

Best Practices

Topic Description Reference
Data Fetching Patterns Efficient fetching, caching, parallel requests, error handling best-practices-data-fetching
SSR & Hydration Avoiding context leaks, hydration mismatches, composable patterns best-practices-ssr

Advanced

Topic Description Reference
Layers Extending applications with reusable layers advanced-layers
Lifecycle Hooks Build-time, runtime, and server hooks advanced-hooks
Module Authoring Creating publishable Nuxt modules with Nuxt Kit advanced-module-authoring

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@hairyf/nuxt/verified)](https://skillsafe.ai/skill/@hairyf/nuxt/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@hairyf/nuxt/installs)](https://skillsafe.ai/skill/@hairyf/nuxt/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@hairyf/nuxt/scan)](https://skillsafe.ai/skill/@hairyf/nuxt/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@hairyf/nuxt/eval)](https://skillsafe.ai/skill/@hairyf/nuxt/)