SkillsAdd

antfu/skills

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.

All-time #930 Trending #1919 Hot #484 First seen Jan 28, 2026
8-week activity · all time api

Installation

$ npx skills add antfu/skills --skill nuxt
View on skills.sh ↗ GitHub repository ↗

Summary

  • Full-stack Vue framework with SSR, file-based routing, auto-imports, and universal deployment via Nitro.
  • Covers core concepts including directory structure, configuration, CLI commands, file-based routing with middleware and layouts, and data fetching with useFetch and useAsyncData Supports three rendering modes: universal SSR, client-side SPA, and hybrid rendering with route-level control Includes auto-import systems for composables and components, built-in components like NuxtLink and NuxtPage, and server routes powered by Nitro Provides state management via useState composable, module authoring with Nuxt Kit, and deployment across Node.js, serverless, and edge platforms

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

frontend-design Same topic
anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…

866.4K installs
agent-browser Same topic
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
web-design-guidelines Same topic
vercel-labs/agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…

617.3K installs
microsoft-foundry Same topic
microsoft/azure-skills

Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …

576.5K installs
azure-diagnostics Same topic
microsoft/azure-skills

Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …

568.9K installs

Security audits

Partner security reviews for this skill.

agent-trust-hub SAFE

Analyzed Feb 17, 2026

This skill is a collection of documentation files for the Nuxt framework. It contains no executable scripts or malicious instructions and is safe for use as a reference.

snyk MEDIUM

Analyzed Feb 17, 2026

[MEDIUM] W011: Third-party content exposure detected (indirect prompt injection risk).

socket Score 0.9000 · 0 alerts

Analyzed Mar 18, 2026

  • license 1
  • maintenance 1
  • quality 0.9
  • supply chain 1
  • vulnerability 1

0 alerts

Also in this package

Other skills from antfu/skills · top by installs.

npx skills add antfu/skills
vitest 35.1K vite 34.9K vue 33.3K vue-best-practices 22.9K vueuse-functions 21.1K pnpm 20.4K web-design-guidelines 18.9K vue-router-best-practices 18.4K pinia 18K vue-testing-best-practices 16.8K

Browse all from antfu/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 5.9K
License LICENSE.md
Default branch main
Open issues 9
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version2026.6.22
More metadata
author
Anthony Fu
version
2026.6.22
source
Generated from https://github.com/nuxt/nuxt, scripts located at https://github.com/antfu/skills

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 3,908 B
  • docs SUMMARY.md 177 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 22,400 installs

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-routing](references/core-routing.md)
Data Fetching useFetch, useAsyncData, $fetch, createUseFetch factories, caching [core-data-fetching](references/core-data-fetching.md)
Modules Creating and using Nuxt modules, Nuxt Kit utilities [core-modules](references/core-modules.md)
Deployment Platform-agnostic deployment with Nitro, Vercel, Netlify, Cloudflare [core-deployment](references/core-deployment.md)

Features

Topic Description Reference
Composables Auto-imports Vue/Nuxt composables, custom composables, shared/, useAnnouncer [features-composables](references/features-composables.md)
Components Auto-imports Component naming, lazy loading, hydration strategies [features-components-autoimport](references/features-components-autoimport.md)
Built-in Components NuxtLink, NuxtPage, NuxtLayout, NuxtAnnouncer, ClientOnly, and more [features-components](references/features-components.md)
State Management useState composable, SSR-friendly state, Pinia integration [features-state](references/features-state.md)
Server Routes API routes, server middleware, Nitro server engine [features-server](references/features-server.md)

Rendering

Topic Description Reference
Rendering Modes Universal (SSR), client-side (SPA), hybrid rendering, route rules [rendering-modes](references/rendering-modes.md)

Best Practices

Topic Description Reference
Data Fetching Patterns Efficient fetching, caching, parallel requests, error handling [best-practices-data-fetching](references/best-practices-data-fetching.md)
SSR & Hydration Avoiding context leaks, hydration mismatches, composable patterns [best-practices-ssr](references/best-practices-ssr.md)

Advanced

Topic Description Reference
Layers Extending applications with reusable layers [advanced-layers](references/advanced-layers.md)
Lifecycle Hooks Build-time, runtime, and server hooks [advanced-hooks](references/advanced-hooks.md)
Module Authoring Publishable modules with Nuxt Kit, keyed composables, dependencies [advanced-module-authoring](references/advanced-module-authoring.md)