0108-nuxt-layers

Community

Master Nuxt layer architecture and reuse

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 extends in nuxt.config.ts so 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.md document 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.