Nuxt

Construye apps Nuxt con SSR, auto-imports, rutas de servidor y renderizado híbrido.

Por antfu · antfu/skills

Funciona con configuración ★ 7.6/10

Nuxt — Construye apps Nuxt con SSR, auto-imports, rutas de servidor y renderizado híbrido.

Qué hace

Framework full-stack de Vue, Nuxt, con SSR, auto-imports y enrutamiento basado en archivos. Úsala al trabajar con apps Nuxt, rutas de servidor, useFetch, middleware o renderizado híbrido.

Informe de la prueba

La instalación literal por clone+cp funcionó sin ningún ajuste; el frontmatter de SKILL.md se parsea como YAML estricto y los 18 archivos de temas referenciados existen. La prueba A/B de salida construyó una ruta de API de comprobación de salud en Nuxt 4 más una página de inicio con useFetch, verificada con un nuxi build real: ambos brazos colocaron los archivos correctamente bajo el srcDir de app/ y compilaron sin errores, así que la skill igualó pero no superó el conocimiento de Nuxt 4 del modelo base (la skill usó la API de estado más nueva de useFetch, el base añadió una interfaz de respuesta tipada).

Probado el: 2026-07-12 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/antfu/skills
cd skills
mkdir -p ~/.claude/skills
cp -r skills/nuxt ~/.claude/skills/nuxt

Comandos y prompts de ejemplo

  • /nuxtConstruye apps Nuxt con SSR, auto-imports, rutas de servidor y renderizado híbrido.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • Add a server route and useFetch call in Nuxt
  • Set up SSR middleware for this Nuxt page
  • Configure hybrid rendering for this Nuxt app