nuxt

SkillFiles & storage

Equips your agent with a nuxt agent skill reference for building Nuxt web apps with routing, server routes, and deployment.

Available today. Use it from your connected AI after setup.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the nuxt skill

About this skill

Nuxt 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.

What this skill tells your AI

The instructions your AI receives, as published by yamcodes/arkenv in skills/nuxt/SKILL.md and read by ahel’s review.

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

TopicDescriptionReference
Directory StructureProject folder structure, conventions, file organizationcore-directory-structure
Configurationnuxt.config.ts, app.config.ts, runtime config, environment variablescore-config
CLI CommandsDev server, build, generate, preview, and utility commandscore-cli
RoutingFile-based routing, dynamic routes, navigation, middleware, layoutscore-routing
Data FetchinguseFetch, useAsyncData, $fetch, caching, refreshcore-data-fetching
ModulesCreating and using Nuxt modules, Nuxt Kit utilitiescore-modules
DeploymentPlatform-agnostic deployment with Nitro, Vercel, Netlify, Cloudflarecore-deployment

Features

TopicDescriptionReference
Composables Auto-importsVue APIs, Nuxt composables, custom composables, utilitiesfeatures-composables
Components Auto-importsComponent naming, lazy loading, hydration strategiesfeatures-components-autoimport
Built-in ComponentsNuxtLink, NuxtPage, NuxtLayout, ClientOnly, and morefeatures-components
State ManagementuseState composable, SSR-friendly state, Pinia integrationfeatures-state
Server RoutesAPI routes, server middleware, Nitro server enginefeatures-server

Rendering

TopicDescriptionReference
Rendering ModesUniversal (SSR), client-side (SPA), hybrid rendering, route rulesrendering-modes

Best Practices

TopicDescriptionReference
Data Fetching PatternsEfficient fetching, caching, parallel requests, error handlingbest-practices-data-fetching
SSR & HydrationAvoiding context leaks, hydration mismatches, composable patternsbest-practices-ssr

Advanced

TopicDescriptionReference
LayersExtending applications with reusable layersadvanced-layers
Lifecycle HooksBuild-time, runtime, and server hooksadvanced-hooks
Module AuthoringCreating publishable Nuxt modules with Nuxt Kitadvanced-module-authoring

Credits

This skill was originally created by Anthony Fu and sourced from antfu/skills.

Signals

GitHub stars
144
Forks
6
Last commit
Sep 2026

ahel review

  • K1binfo
    installs-packages (in references/core-cli.md)

Automated review, not a security audit. Ruleset v1+k2.

Advanced
Item type
skill
Key
nuxt-yamcodes
Source
github.com/yamcodes/arkenv