nuxt-layers
1
总安装量
1
周安装量
#45137
全站排名
安装命令
npx skills add https://github.com/leeovery/claude-nuxt --skill nuxt-layers
Agent 安装分布
amp
1
opencode
1
kimi-cli
1
codex
1
gemini-cli
1
Skill 文档
Nuxt Layers
Shared foundation layers providing composables, models, repositories, and UI components across applications.
Layer Stack
layers.md – Complete layer architecture, what each provides, how to extend
Three-Layer Architecture
x-ui â Extended UI components (XTable, XForm, XSlideover)
â
nuxt-ui â UI primitives (modals, toasts, tabs, overlays)
â
base â Core infrastructure (Model, Repository, composables, utils)
Extending Layers
// nuxt.config.ts
export default defineNuxtConfig({
extends: [
'../../../nuxt-layers/base',
'../../../nuxt-layers/nuxt-ui',
'../../../nuxt-layers/x-ui',
],
})
Importing from Layers
// Base layer imports
import Model from '#layers/base/app/models/Model'
import type { Castable, DataResponse } from '#layers/base/app/types'
import { BaseRepository } from '#layers/base/app/repositories/base-repository'
import { ModelHydrator } from '#layers/base/app/repositories/hydrators/model-hydrator'
// Composables auto-imported
const leadApi = useRepository('leads')
const { start, stop } = useWait()
const { can } = usePermissions()
Base Layer Provides
| Category | Items |
|---|---|
| Composables | useRepository, useQuery, useFilterQuery, useWait, usePermissions, useFlash, useForm, useReactiveFilters, useRealtime, useShadowCache |
| Classes | Model, BaseRepository, ApiClient, ModelHydrator |
| Errors | ValidationError, ConflictError, TooManyRequestsError |
| Utils | 49 utility functions (array, string, object, date, async) |
Nuxt-UI Layer Provides
| Category | Items |
|---|---|
| Composables | useModal, useSlideover, useConfirmationToast, useTabs, useDropdown, useAppHeader, useBreadcrumbs |
| Components | Copyable, SearchInput, SearchSelect, Rating, LoadingLine |