Nuxt Studio is an open-source visual content editor that allows you to edit Nuxt Content files directly in production with a Git-based workflow, supporting markdown, YAML, and JSON.

Does this skill help with authentication?

Yes, it provides detailed configuration guides for GitHub, GitLab, and Google OAuth to ensure only authorized users can access your production CMS.

Can I deploy Nuxt Studio to Cloudflare?

Absolutely. The skill includes specific Nitro presets and configuration steps for Cloudflare Pages and Workers, including wrangler.toml setup.

Which editor types are supported in Nuxt Studio?

It supports three main editors: TipTap (visual WYSIWYG), Monaco (code-based), and Form editors (schema-driven forms for data files).

How do I fix authentication loops in Nuxt Studio?

The skill includes troubleshooting steps for common errors, specifically addressing OAuth redirect URI mismatches and domain-based session cookie issues.

Nuxt Studio Setup & CMS

Name: Nuxt Studio Setup & CMS
Author: secondsky

bysecondsky

•

Content Management

Integrates Nuxt Studio into Nuxt Content projects to enable production-ready visual editing and Git-based content management.

This skill provides comprehensive guidance for setting up and deploying Nuxt Studio, a free open-source visual editor for Nuxt Content websites. It streamlines the integration process by assisting with OAuth authentication (GitHub, GitLab, Google), Cloudflare Pages/Workers deployment, and custom subdomain routing. Whether you need to configure the TipTap WYSIWYG editor or set up a secure CMS on a studio subdomain, this skill offers production-ready patterns and automated troubleshooting for a seamless content management experience.

Key Features

0121 GitHub stars

02Cloudflare Pages and Workers deployment workflows

03Automated Nuxt Studio module installation and configuration

04Multi-provider OAuth setup (GitHub, GitLab, Google)

05Subdomain routing and DNS setup for production-grade CMS environments

06Advanced editor configuration including TipTap, Monaco, and Form-based views

Use Cases

01Adding a visual CMS to an existing Nuxt Content static website

02Configuring OAuth-based authentication for team-based content contributions

03Deploying a secure editing interface to a custom subdomain on Cloudflare

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills nuxt-studio

For use in Claude.ai and ChatGPT

Download Skill