Agent skill · software engineering · secondsky
nuxt-studio
This skill should be used when the user asks to "set up Nuxt Studio", "configure Studio OAuth", "deploy Studio to Cloudflare", "add visual editor to Nuxt", "configure studio.domain.com subdomain", "Studio authentication", "Nuxt CMS", or mentions visual content editing, Nuxt Studio module, TipTap editor, Monaco editor, or content management for Nuxt websites.
Why this skill is useful
Provides specific commands and configurations for setting up and deploying Nuxt Studio, which the AI wouldn't reliably generate on its own.
What it needs
Requires node, npx installed locally. Requires cloudflare account access. About 6k tokens when loaded. Last updated 2026-08-06. 204 stars on the source repository.
What this skill does
Nuxt Studio Setup and Deployment Overview Nuxt Studio is a free, open-source visual content editor for Nuxt Content websites that enables content editing directly in production. It provides multiple editor types (Monaco code editor, TipTap visual WYSIWYG editor, Form-based editor), OAuth authentication (GitHub/GitLab/Google), and Git-based content management with commit integration. Primary use case: Add visual CMS capabilities to existing Nuxt Content websites, typically deployed to a subdomain like studio.domain.com or cms.domain.com. When to Use This Skill Use this skill when users need to: Set up Nuxt Studio for the first time on a Nuxt Content website Configure OAuth authentication for Studio access Deploy Studio to Cloudflare Pages or Workers with custom subdomain Troubleshoot Studio authentication, build, or deployment issues Configure editor types or customize Studio behavior Integrate Studio with existing Nuxt v3/v4 applications Prerequisites Check Before proceeding with Studio setup, verify these requirements: 1. Nuxt Version: ≥3.x (Studio requires Nuxt 3) 2. @nuxt/content Module: ≥2.x (required dependency) 3. Node.js: ≥20.x recommended 4. Cloudflare Account: Required for Cloudflare deployment (optional for other platforms) Check Nuxt Content installation: If Nuxt Content is not installed, install it first: Installation 1. Install Nuxt Studio Module Install the latest beta version (v1.0.0-beta.3 as of December 2025): This adds @nuxt/studio to devDependencies and configures the module in nuxt.config.ts. 2. Verify Module Configuration Check that nuxt.config.ts includes the Studio module: 3. Start Development Mode Run the development server to test Studio locally: Access Studio at http://localhost:3000/studio (development mode). OAuth Authentication Setup Studio requires OAuth authentication for production deployments. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills secondsky/nuxt-studio