Agent skill · Frontend

nuxt

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.

antfugithub.com/antfuGitHub ↗
claude-codeMIT
Install
npx skills add antfu/skills --skill nuxt --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 20
SKILL.md size: 4 KB
Bundled scripts: none
Version: 2026.6.22
Declared author: Anthony Fu
Path: skills/nuxt/SKILL.md
Open the folder on GitHub →
Where it comes from
Source: antfu/skills
Stars: 5,709
Language: TypeScript
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

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 4.x, generated at 2026-06-22. > **Nuxt 4 note:** the default `srcDir` is `app/` — Vue app code (`app.vue`, `components/`, `composables/`, `pages/`, etc.) lives under `app/`, while `server/`, `shared/`, `public/`, `modules/`, `layers/` and `nuxt.config.ts` stay at the project root. The `~`/`@` aliases now point at `app/`; use `~~`/`@@` for the root. ## Core | Topic | Description | Reference | |-------|-------------|-----------| | Directory Structure | Nuxt 4 `app/` srcDir, `shared/`, aliases, conventions | [core-directory-structure](references/core-directory-structure.md) | | Configuration | nuxt.config.ts, app.config.ts, aliases, compatibilityVersion, experimental | [core-config](references/core-config.md) | | CLI Commands | Dev server, build, generate, preview, and utility commands | [core-cli](references/core-cli.md) | | Routing | File-based routing, dynamic routes, named views, layout props, middleware | [core-

What's inside
Steps it walks through
  1. Core
  2. Features
  3. Rendering
  4. Best Practices
  5. Advanced
Ships with 19 files
  • GENERATION.md
  • references/advanced-hooks.md
  • references/advanced-layers.md
  • references/advanced-module-authoring.md
  • references/best-practices-data-fetching.md
  • references/best-practices-ssr.md
  • references/core-cli.md
  • references/core-config.md
  • references/core-data-fetching.md
  • references/core-deployment.md
  • references/core-directory-structure.md
  • references/core-modules.md
  • references/core-routing.md
  • references/features-components-autoimport.md
  • references/features-components.md
  • references/features-composables.md
  • references/features-server.md
  • references/features-state.md
  • references/rendering-modes.md
More from skills
All skills →
About this skill
What does the nuxt skill do?

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.

How do I install it?

Run `npx skills add antfu/skills --skill nuxt --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From antfu/skills, a repository with 5,709 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going