SkillsAdd

louyunxi/skills · Archived

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.

First seen Mar 16, 2026

Installation

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

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

frontend-design Same source · more installs
louyunxi/skills

Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing…

33 installs
vue Same source · more installs
louyunxi/skills

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use whe…

19 installs
vue-router-best-practices Same source · more installs
louyunxi/skills

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interacti…

17 installs
figma Same source · more installs
louyunxi/skills

Professional Figma design analysis and asset export. Use for extracting design data, exporting …

16 installs

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

Also in this package

Other skills from louyunxi/skills · top by installs.

npx skills add louyunxi/skills
frontend-design 33 vue 19 vue-router-best-practices 17 figma 16 antfu 15 web-design-guidelines 14 self-improvement 7 ui-ux-pro-max 7 vite 5 tsdown 5

Browse all from louyunxi/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

License LICENSE.md
Default branch main
Status Archived

Skill metadata

Parsed from SKILL.md frontmatter.

Version2026.1.28
More metadata
author
Anthony Fu
version
2026.1.28
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,516 B
  • docs SUMMARY.md 180 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 1 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 3.x, generated at 2026-01-28.

Core

Topic Description Reference
Directory Structure Project folder structure, conventions, file organization [core-directory-structure](references/core-directory-structure.md)
Configuration nuxt.config.ts, app.config.ts, runtime config, environment variables [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, navigation, middleware, layouts [core-routing](references/core-routing.md)
Data Fetching useFetch, useAsyncData, $fetch, caching, refresh [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 APIs, Nuxt composables, custom composables, utilities [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, 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 Creating publishable Nuxt modules with Nuxt Kit [advanced-module-authoring](references/advanced-module-authoring.md)