К основному содержанию
скилл CX Codex

nuxt-studio — скилл для Claude Code: редактор Nuxt Content

Помогает настроить self-hosted Nuxt Studio: авторизацию, медиа, черновики и публикацию через Git. Пригодится, когда контент-редактор надо поднять на своём домене.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add onmax/nuxt-skills --skill nuxt-studio -a claude-code
Открыть на GitHub

Что делает nuxt-studio

Скилл разводит зоны ответственности: Nuxt Studio отвечает за редактирование и публикацию, Nuxt Content — за коллекции, запросы, парсинг и рендеринг. Агент сначала смотрит установленные версии nuxt-studio и @nuxt/content, режим деплоя, провайдера репозитория и провайдера авторизации. Настройка считается понятной, когда маршрут редактора, Git-цель и callback логина указывают на один и тот же деплой.

Дальше скилл ведёт по трём справочникам: конфигурация (установка, настройки репозитория, OAuth или своя авторизация, фильтры редактора, переменные окружения), live editing (визуальное и MDC-редактирование, формы схем, черновики, медиа, помощь ИИ) и деплой (SSR, публикация через Git, стратегия веток, конфликты, монорепозитории). Изменения коллекций и схем остаются на стороне скилла nuxt-content.

Базовый запуск — npx nuxt module add nuxt-studio, модуль прописывается в modules вместе с @nuxt/content, а в блоке studio.repository указываются провайдер, владелец, репозиторий и ветка. Редактор живёт на /_studio. Учтите: провайдеры CI могут вывести метаданные репозитория сами, но учётные данные авторизации остаются явными секретами деплоя — для GitHub это NUXT_STUDIO_AUTH_GITHUB_CLIENT_ID и NUXT_STUDIO_AUTH_GITHUB_CLIENT_SECRET. Проверять стоит в два шага: сначала локальное редактирование по файловой системе, потом продовый логин и один цикл публикации на деплое с поддержкой SSR.

Какие задачи решает

  • подключить self-hosted редактор контента к проекту на Nuxt Content
  • настроить вход через GitHub OAuth или свою авторизацию
  • раздать редакторам визуальное и MDC-редактирование с формами схем
  • провести черновик от правки до коммита в нужную ветку
  • разобраться с конфликтами и монорепозиторием при публикации через Git

Примеры запросов агенту

  • Подключи nuxt-studio к проекту на Nuxt Content и настрой репозиторий на GitHub
  • Настрой OAuth-вход в Nuxt Studio и переменные окружения для продакшена
  • Проверь цикл публикации: черновик, коммит в main, пересборка сайта

Как установить nuxt-studio

1Через Skills CLI (Vercel)

npx skills add onmax/nuxt-skills --skill nuxt-studio -a claude-code

2Вручную: положить файлы

~/.claude/skills/nuxt-studio/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/nuxt-studio/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о nuxt-studio

Как установить nuxt-studio в Claude?

Выполните npx skills add onmax/nuxt-skills --skill nuxt-studio -a claude-code. Скилл появится по пути ~/.claude/skills/nuxt-studio/SKILL.md.

Что делает скилл nuxt-studio?

Проводит по настройке и работе self-hosted Nuxt Studio для Nuxt Content: установка, настройки репозитория, OAuth или своя авторизация, медиа, черновики, публикация через Git и деплой на SSR.

Что нужно для работы Nuxt Studio?

Модуль nuxt-studio рядом с @nuxt/content и явные учётные данные авторизации в секретах деплоя. Для GitHub это NUXT_STUDIO_AUTH_GITHUB_CLIENT_ID и NUXT_STUDIO_AUTH_GITHUB_CLIENT_SECRET.

Исходный текст

SKILL.md · MIT
---
name: nuxt-studio
description: 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.
license: MIT
---

# 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](references/configuration.md) |
| Visual/MDC editing, schema forms, drafts, media, or AI assistance                         | [Live editing](references/live-editing.md)   |
| SSR deployment, Git publishing, branch strategy, conflicts, or monorepos                  | [Deployment](references/deployment.md)       |
| Collections, validators, queries, hooks, or rendering                                     | `nuxt-content` skill                         |

## Baseline

```bash
npx nuxt module add nuxt-studio
```

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

```bash
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.

© onmax · MIT · onmax/nuxt-skills

Похожие скиллы

Всё по теме «Фронтенд и UI» →
nuxt-core Claude Skills Maintainers Скилл для ИИ-агента: подсказывает, как устроен Nuxt 4 — структура каталогов, конфиг, роутинг, SEO и обработка ошибок. CX Codex +1 390установок nuxt-seo secondsky Скилл по восьми модулям Nuxt SEO v5: robots.txt, карты сайта, OG-картинки, Schema.org и метатеги. Пригодится, когда SEO надо настроить в Nuxt-проекте. CX Codex +1 324установок nuxt Anthony Fu Скилл добавляет поддержку Nuxt 5 — полнофункционального Vue-фреймворка с серверным рендерингом, файловой маршрутизацией и автоимпортами. Помогает агенту писать серверные маршруты, работать с useFetch, middleware и гибридным рендерингом. CX Codex +1 24 100установок nuxt-ui nuxt Помогает агенту собирать интерфейсы на базе @nuxt/ui v4, настраивать темы Tailwind CSS и правильно выбирать компоненты библиотеки. CX Codex +1 19 800установок clerk-nuxt-patterns clerk Скилл подсказывает агенту паттерны авторизации @clerk/nuxt для Nuxt 3. Пригодится при настройке серверных роутов Nitro, SSR-гидратации и защите страниц. CX Codex +1 13 900установок Expert Nuxt Developer официальный github Помогает разрабатывать приложения на Nuxt 3 и Nitro с типизацией на TypeScript. Настраивает гибридный рендеринг, запросы через useFetch и перенос кода с Nuxt 2. ★ 40 418звёзд репо

Из того же набора8

reka-ui Скилл для работы с Reka UI — библиотекой unstyled компонентов Vue 3 с полной поддержкой доступности. Пригодится, если вы собираете интерфейсы с нуля или используете Nuxt UI и shadcn-vue. CX Codex +1 7 400установок nuxt-seo Помогает агенту настроить SEO в Nuxt: robots, карту сайта, OG-изображения и структурированные данные. Пригодится при работе с @nuxtjs/seo. CX Codex +1 3 100установок nuxt-content Скилл для работы с @nuxt/content: коллекции, схемы, запросы и рендер Markdown. Пригодится, когда проект на Nuxt растёт и контент пора приводить к типам. CX Codex +1 2 800установок nuxt-modules Скилл помогает создавать модули для Nuxt: локальные расширения в папке modules/, пакеты для npm, серверные роуты и плагины с настройкой тестов и CI/CD. CX Codex +1 2 700установок nuxthub Помогает настраивать NuxtHub v0.10.8 с базой данных на Drizzle ORM, KV-хранилищем и blob. Пригодится при сборке бэкенда Nuxt под Cloudflare, Vercel или локальный PGlite. CX Codex +1 2 200установок nuxt-better-auth Направляет настройку аутентификации Nuxt через @nuxtjs/better-auth: от сессий и маршрутов до серверных API и плагинов. CX Codex +1 2 000установок nuxt-i18n Скилл для ИИ-агента, который помогает настроить локали, маршруты и SEO в Nuxt-приложении через @nuxtjs/i18n. CX Codex +1 589установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой