mcpField
N
nuxt-studio

nuxt-studio

github.com/onmaxDevelopment7231.6k installsUpdated today
Repository

About nuxt-studio

nuxt-studio is a skill for editing and publishing content in Nuxt Content projects. It guides developers through repository, authentication, deployment, and publishing checks, while keeping collection and rendering work within nuxt-content.

Key features

  1. 01Check versions, deployment, and authentication
  2. 02Configure the editor and Git repository
  3. 03Handle visual editing, drafts, and media
  4. 04Verify production login and publishing

Use cases

  1. 01Set up content editing for a Nuxt Content project
  2. 02Diagnose repository, login callback, and deployment settings
  3. 03Verify edits are committed and published to the site

Install

Copy the command and run it in a terminal.

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

After installing, type/nuxt-studioin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

agents/
openai.yaml
references/
configuration.md
deployment.md
live-editing.md

Details

From the project README

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

TaskOpen
Install, repository settings, OAuth/custom auth, editor filters, or environment variablesConfiguration
Visual/MDC editing, schema forms, drafts, media, or AI assistanceLive editing
SSR deployment, Git publishing, branch strategy, conflicts, or monoreposDeployment
Collections, validators, queries, hooks, or renderingnuxt-content skill

Baseline

npx nuxt module add nuxt-studio

export default defineNuxtConfig({
  modules: ['@nuxt/content', 'nuxt-studio'],
  studio: {
    repository: {
      provider: 'github',
      owner: 'your-org',
      repo: 'your-repo',
      branch: 'main',
    },
  },
})

NUXT_STUDIO_AUTH_GITHUB_CLIENT_ID=<client-id>
NUXT_STUDIO_AUTH_GITHUB_CLIENT_SECRET=<client-secret>

Studio runs at /_studio by default. Supported CI providers can infer repository metadata, but authentication credentials remain explicit deployment secrets.

Comments

Markdown supported