Nuxt

Baut Nuxt-Apps mit SSR, Auto-Imports, Server-Routen und Hybrid-Rendering.

von antfu · antfu/skills

Funktioniert mit Setup ★ 7.6/10

Nuxt — Baut Nuxt-Apps mit SSR, Auto-Imports, Server-Routen und Hybrid-Rendering.

Was es kann

Nuxt-Full-Stack-Vue-Framework mit SSR, Auto-Imports und dateibasiertem Routing. Einsetzen bei der Arbeit mit Nuxt-Apps, Server-Routen, useFetch, Middleware oder Hybrid-Rendering.

Testbericht

Die Installation per clone+cp nach Anleitung funktionierte ohne jeden Eingriff; das SKILL.md-Frontmatter lässt sich als striktes YAML parsen, und alle 18 referenzierten Themendateien existieren. Der Ausgabe-A/B-Test baute eine Nuxt-4-Health-Check-API-Route plus eine Startseite mit useFetch, geprüft mit einem echten nuxi build: Beide Arme platzierten die Dateien korrekt unter dem srcDir app/ und kompilierten sauber — der Skill hielt also mit dem Nuxt-4-Wissen des Basismodells mit, übertraf es aber nicht (der Skill nutzte die neuere useFetch-Status-API, die Basis ergänzte ein typisiertes Response-Interface).

Getestet am: 2026-07-12 · Claude Code 2.x (agent harness)

Installation

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

Befehle & Beispiel-Prompts

  • /nuxtBaut Nuxt-Apps mit SSR, Auto-Imports, Server-Routen und Hybrid-Rendering.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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