0099-nuxt-architecture
CommunityLay a clean Nuxt 4 app foundation fast.
Software Engineering#domain-driven design#laravel sanctum#repositories#nuxt ui#nuxt architecture#type-safe patterns#actions mutations queries
AuthorMrJmpl3
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It solves the confusion and rework that happen when Nuxt 4 + Vue 3 projects grow without a consistent, type-safe directory and responsibility structure.
Core Features & Use Cases
- Domain-driven feature organization: Organizes logic by domain using
features/{domain}/withqueries/,mutations/, andactions/. - Separation of concerns with a clear layer flow: Establishes a predictable path from UI components to actions, mutations, repositories, and reactive queries.
- Technology-aligned structure: Targets a Nuxt 4 SPA-mode setup with Vue 3 Composition API, Nuxt UI + Tailwind, Laravel Sanctum auth, and Laravel Echo real-time integration.
Quick Start
Use this skill to design your Nuxt project’s folder layout and layer responsibilities before writing features or integrating Nuxt UI, auth, and real-time updates.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: 0099-nuxt-architecture Download link: https://github.com/MrJmpl3/codex_____data_____configuration/archive/main.zip#0099-nuxt-architecture Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.