AI导哈

前端开发

nuxt-studio

onmax/nuxt-skills

Configure and operate the self-hosted Nuxt Studio editor for Nuxt Content. Use when working with nuxt-studio installation, editor customization, OAuth or custom authentication, media, drafts, Git publishing, or production deployment.

  • 1600 次安装
  • 723 星标
  • 收录于

安装命令

npx skills add https://github.com/onmax/nuxt-skills --skill nuxt-studio

SKILL.md

Nuxt Studio

Nuxt Studio owns content editing and publishing. Nuxt Content owns collections, queries, parsing, and rendering.

Workflow

  1. Inspect the installed nuxt-studio and @nuxt/content versions, deployment mode, repository provider, and authentication provider. Setup is understood when the editor route, Git target, and login callback all point at the same deployment.
  2. Open the smallest matching guide below and keep collection/schema changes within the nuxt-content boundary.
  3. Verify local editing against the filesystem, then verify production login and one publish cycle on an SSR-capable deployment. The work is complete when the commit reaches the configured branch and the rebuilt site exposes it.

Routing

Task Open
Install, repository settings, OAuth/custom auth, editor filters, or environment variables Configuration
Visual/MDC editing, schema forms, drafts, media, or AI assistance Live editing
SSR deployment, Git publishing, branch strategy, conflicts, or monorepos Deployment
Collections, validators, queries, hooks, or rendering nuxt-content skill

相关 Skills

reka-uionmax/nuxt-skillsUse when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.前端开发7407nuxt-seoonmax/nuxt-skillsNuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.营销与写作3135vueuseonmax/nuxt-skillsUse when working with VueUse composables - track mouse position with useMouse, manage localStorage with useStorage, detect network status with useNetwork, debounce values with refDebounced, and access browser APIs reactively. Check VueUse before writing custom composables - most patterns already implemented.后端与数据库3058nuxt-contentonmax/nuxt-skillsBuild typed, content-driven Nuxt applications with @nuxt/content. Use when working with content.config.ts, collections, queryCollection, Markdown or MDC rendering, content databases, hooks, custom sources, search, or Content v2 migrations.营销与写作2847nuxt-modulesonmax/nuxt-skillsUse when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6) Setting up CI/CD workflows for modules. Provides defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation.前端开发2792motiononmax/nuxt-skillsUse when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt前端开发2334