nuxt-studio
为Nuxt Content网站提供可视化生产环境内容编辑的模块。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：nuxt-studio。 它的用途是：为Nuxt Content网站提供可视化生产环境内容编辑的模块。 完整的 Skill 内容见：https://321skill.com/skills/nuxt-studio/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我们的营销同事想在官网博客发布一篇新产品介绍，但不想通过提Git Issue再等开发合并。”，AI会建议使用Nuxt Studio，让营销同事直接在生产网站的可视化编辑器里撰写并排版文章，点击发布后，更改会自动提交到Git主分支并触发部署。或者
对AI说：“我想在本地快速修改`content/`目录下的Markdown文件，并实时看到页面效果。”，AI会指导你安装Nuxt Studio模块，在开发模式下使用其浮动编辑按钮进行实时编辑。
介绍
Nuxt Studio 解决了团队协作中内容更新流程繁琐、依赖开发人员的问题。它允许非技术成员直接在已部署的生产网站上，通过直观的编辑器修改内容，并一键提交到Git仓库，触发CI/CD流程完成部署。
使用上，开发者只需在Nuxt项目中安装此模块并配置Git仓库信息。本地开发时，一个浮动按钮即可启用实时文件同步编辑；生产环境中，团队可通过安全的OAuth登录到管理后台，使用代码、可视化或表单编辑器修改内容，并直接提交更改。
它非常适合由Nuxt Content驱动的网站团队，特别是那些需要市场、运营、编辑等非技术角色频繁更新网站内容，但又希望保持Git工作流和自动化部署的团队。
需要注意的是，它目前主要管理content/目录下的内容文件和媒体库，不适用于修改Vue组件或布局代码。在生产环境使用前，务必正确配置Git仓库的OAuth应用以保障安全。
核心特点
与同类静态站点可视化编辑工具相比，Nuxt Studio深度集成Nuxt Content生态，提供MDC组件实时预览和Vue组件Props可视化编辑；同时，它将编辑、提交、部署流程完全内置于生产环境，无需额外搭建Staging环境或内容API。
注意事项
不适合需要深度定制网站布局、样式或非Nuxt Content数据源的项目。
常见问题
Nuxt Studio是免费的吗？
是的，它已从付费平台转变为免费开源的Nuxt模块，可自行部署。
它支持哪些Git仓库？
目前支持GitHub和GitLab，需要配置OAuth应用进行授权。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/nuxt-studio/raw/index.md 读取 nuxt-studio 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/nuxt-studio/raw/index.md（查看排版版本）