0108-nuxt-layers
CommunityMaster Nuxt layer architecture and reuse
Software Engineering#typescript#architecture#composables#layers#nuxt#repository-pattern#ui-primitives
AuthorMrJmpl3
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It solves the confusion and time loss developers face when trying to understand, extend, or reuse Nuxt layer-based architecture across multiple applications.
Core Features & Use Cases
- Layer stack understanding: Explains how a layered setup (x-ui → nuxt-ui → base) works and what responsibilities each layer owns.
- Extending layers safely: Shows how to configure
extendsinnuxt.config.tsso applications inherit and override layer functionality deterministically. - Importing from layers: Documents typical base-layer imports and the auto-imported composables that power repositories, queries, permissions, forms, realtime, and caching.
- Reference-backed implementation guidance: Uses a dedicated
references/layers.mddocument to provide detailed composables, models/repositories, error classes, utilities, and configuration patterns.
Quick Start
Use the 0108-nuxt-layers skill to design a Nuxt app that extends the base, nuxt-ui, and x-ui layers and then import Model/BaseRepository while using auto-imported composables like useRepository and useWait.
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: 0108-nuxt-layers Download link: https://github.com/MrJmpl3/codex_____data_____configuration/archive/main.zip#0108-nuxt-layers 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.