PlugWiki

nuxt skill (antfu): Nuxt 5 routing, data fetching, server routes and modules for your agent

Gives your agent a compact Nuxt reference so its Nuxt code follows current conventions.

Installs
24.4K
on skills.sh
Stars
6K
on GitHub
Files
19
besides SKILL.md
Updated
Oct 2026
last repo commit

nuxt is a skill by Anthony Fu, generated from the Nuxt repository's own documentation. It loads when you work on Nuxt apps, server routes, useFetch, middleware or hybrid rendering. A table in SKILL.md points the agent to 18 reference files on routing, data fetching, modules, SSR, layers and hooks.

The skill is based on Nuxt 5.x (5.0.0-0, generated 2026-09-25). It warns about the big changes: Nitro v3, server utilities imported from nuxt/server, typed and case-sensitive routes, and Node 22.19 or newer. The repo calls the project a proof of concept that is not fully tested in practice.

Good for

  • Vue and Nuxt developers who want agent code that follows Nuxt 5 changes
  • Teams migrating from Nuxt 3 or 4 who want a checklist of what moved
  • Module authors using Nuxt Kit and layers

Install nuxt

Claude Code

  1. 1

    Copy this prompt.

    Install the nuxt skill in Claude Code. Run this command:
    
    npx skills add https://github.com/antfu/skills --skill nuxt
    
    Then check that it loaded and tell me how to use it.
  2. 2

    Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

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.

Sections in SKILL.md

  1. Core
  2. Features
  3. Rendering
  4. Best Practices
  5. Advanced

Key facts

Installs on skills.sh
24,364 (data from 2026-11-02)
License
MIT
Last repo commit
2026-10-30

What it includes

  • Directory structure, config, CLI, routing, data fetching, modules, deployment

    Covers the app/ srcDir layout, nuxt.config.ts, nuxt commands, file-based routing, useFetch and useAsyncData, Nuxt Kit modules and Nitro deployment.

    Try: “Add a protected /dashboard route with middleware in this Nuxt app.”

    Read · Core references (7)

  • Auto-imported composables and components, built-ins, state, server routes

    Covers composables and component auto-imports, NuxtLink and NuxtPage, useState with Pinia, and API routes using nuxt/server imports.

    Read · Features references (5)

  • Universal SSR, SPA and hybrid rendering with route rules

    One reference on choosing how each route is rendered.

    Try: “Make the marketing pages prerendered and the app pages client-only.”

    Read · Rendering modes

  • Data fetching patterns, SSR and hydration pitfalls

    Efficient fetching and caching, avoiding context leaks and hydration mismatches.

    Read · Best practices (2)

  • Layers, lifecycle hooks, module authoring

    Extending apps with layers, build, runtime and server hooks, and publishing modules with Nuxt Kit.

    Read · Advanced (3)

  • Nitro v3, typed routes, Vite 8, Node 22.19 or newer

    SKILL.md lists the biggest shifts for agents so old Nuxt 3 habits do not leak into new code.

    Read · Nuxt 5 notes

From the official docs

Questions

What does the nuxt skill do?

It gives your agent a set of Nuxt reference pages, loaded as needed. The agent then writes routing, data fetching, server and module code the Nuxt 5 way.

How do I install it in Claude Code?

Use the install box at the top of this page. The antfu/skills README recommends its @antfu/skills pack with skills-npm for projects, and also documents installing straight from the repo with the skills CLI.

Does it work with Nuxt 3 or 4?

It is written for Nuxt 5.x (5.0.0-0). It still has a Nuxt 4 app/ layout topic, but SKILL.md warns that Nuxt 5 changes server code, routing and Node requirements, so check your version first.

Does it need an API key or network?

SKILL.md names neither. The skill is markdown files with no scripts.

Is it an official Nuxt skill?

SKILL.md names Anthony Fu as the author and says it was generated from the nuxt/nuxt repository. The antfu/skills README lists it among skills generated from official documentation and fine-tuned by Anthony, and calls the repo a proof of concept whose real-world performance he has not fully tested. We found nothing in the files saying the Nuxt team publishes it.

Is it safe?

It is reference text: the folder holds markdown files and no scripts. Your agent may still edit your Nuxt project and run commands such as nuxt dev when you ask, so review changes in git.

Information

updated Nov 2, 2026

Repository
antfu/skills
Folder
skills/nuxt

antfu/skillsskills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 3
  1. nuxt SKILL.md · github.com
  2. antfu/skills README · github.com
  3. nuxt GENERATION.md · github.com

Updated Nov 2, 2026.