CommunityCodierung & Entwicklunggithub.com

rga-rt/claude-nuxt-fullstack-scaffold

Ein Claude-Skill zum Erstellen produktionsreifer Nuxt 3-Anwendungen mit optionalem i18n, SQLite (Drizzle) oder Supabase – inklusive 3 ausführbarer Beispiele.

Was ist claude-nuxt-fullstack-scaffold?

Dieser Skill für Claude (z. B. Claude Code, Cursor, Codex) ermöglicht es, schnell ein vollständiges Nuxt 3-Projekt mit modernen Best Practices zu generieren. Er ist besonders nützlich für Entwickler, die eine solide Grundlage für Full-Stack-Anwendungen benötigen, ohne jedes Mal von Null anfangen zu müssen. Der Skill unterstützt drei Datenbank-Backends: SQLite mit Drizzle ORM für lokale Entwicklung, Supabase für cloudbasierte Backends und i18n für mehrsprachige Anwendungen. Enthalten sind drei vollständig ausführbare Beispielprojekte, die als Vorlage für eigene Projekte dienen können. Der Skill erstellt automatisch das Projekt-Scaffold, konfiguriert TypeScript, Tailwind CSS, Pinia für State-Management und bietet eine klare Ordnerstruktur. Entwickler können durch einfache Parameter auswählen, welche Komponenten (i18n, Datenbank) sie einbinden möchten, und erhalten so ein maßgeschneidertes, sofort einsatzbereites Projekt. Der Skill läuft nahtlos auf gängigen AI-Plattformen wie Claude Code, Cursor und Codex und erfordert lediglich Node.js und pnpm oder npm.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add rga-rt/claude-nuxt-fullstack-scaffold

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht claude-nuxt-fullstack-scaffold?

Ein Claude-Skill zum Erstellen produktionsreifer Nuxt 3-Anwendungen mit optionalem i18n, SQLite (Drizzle) oder Supabase – inklusive 3 ausführbarer Beispiele.

Übersicht

Dieser Skill generiert ein vollständiges Nuxt 3-Projekt mit TypeScript, Tailwind CSS und Pinia. Du kannst wahlweise Internationalisierung (i18n), SQLite mit Drizzle ORM oder Supabase als Datenbank integrieren.

Verwendung

Voraussetzungen

  • Node.js 18+ und pnpm (oder npm)
  • Claude Code / Cursor / Codex installiert

Schnellstart

  1. Führe den Skill aus:
claude skill run rga-rt/claude-nuxt-fullstack-scaffold --name mein-projekt
  1. Wähle die gewünschten Optionen:
  • i18n: Mehrsprachigkeit aktivieren
  • SQLite: Lokale Datenbank mit Drizzle ORM
  • Supabase: Cloud-Datenbank mit Supabase Client

Beispiele

Der Skill enthält drei fertige Beispiele im Ordner examples/:

  • examples/basic: Minimales Nuxt 3 Setup
  • examples/with-i18n: Mit i18n und zwei Sprachen
  • examples/with-db: Mit SQLite oder Supabase

Projektstruktur

mein-projekt/
├── app.vue
├── pages/
├── components/
├── composables/
├── server/
├── public/
├── nuxt.config.ts
├── package.json
├── tsconfig.json
└── ...

Konfiguration

Füge in deiner nuxt.config.ts die benötigten Module hinzu:

export default defineNuxtConfig({
  modules: [
    '@nuxtjs/i18n',
    '@nuxtjs/tailwindcss',
    '@pinia/nuxt',
  ],
})

Lizenz

MIT

Verwandte Skills