G
Google Gemini AI Studio 系统提示词解析
解析 Google Gemini AI Studio 的 XML 结构化代码输出设计
ChatGPT
提示词资源库
Gemini
Google
系统提示词
React
结构化输出
#Gemini
#Google
#系统提示词
#React
#结构化输出
427,209 次浏览
4,448 次复制
2,224 次点赞
2026-06-24
适用场景
了解 Google AI 的代码生成格式、学习结构化输出设计
提示词内容
【Google Gemini AI Studio vibe-coder 系统提示词要点解析】
Google Gemini AI Studio 的 vibe-coder 模式专注于快速生成 React 应用。其系统提示词的独特设计：
1. 角色设定："世界级高级前端 React 工程师，精通 Gemini API 和 UI/UX 设计"
2. 技术规范：React 18+、TypeScript（.tsx 文件）、ESM 模块系统（禁用 CommonJS）
3. 独特输出格式：所有代码以单个 XML 块返回，使用 CDATA 包裹文件内容：
<changes><change><file>路径</file><content><![CDATA[代码]]></content></change></changes>
4. 简洁文件结构：所有代码应由少量文件实现，不过度拆分
5. 零解释：仅返回 XML 格式，不添加任何额外说明
设计启示：Gemini 的 vibe-coder 使用 XML 作为代码传输格式，便于程序化解析和文件写入。这种「结构化输出」思路在需要 AI 与 IDE/CI 系统对接时特别有用。
来源仓库：github.com/x1xhlol/system-prompts-and-models-of-ai-tools
Google Gemini AI Studio 的 vibe-coder 模式专注于快速生成 React 应用。其系统提示词的独特设计：
1. 角色设定："世界级高级前端 React 工程师，精通 Gemini API 和 UI/UX 设计"
2. 技术规范：React 18+、TypeScript（.tsx 文件）、ESM 模块系统（禁用 CommonJS）
3. 独特输出格式：所有代码以单个 XML 块返回，使用 CDATA 包裹文件内容：
<changes><change><file>路径</file><content><![CDATA[代码]]></content></change></changes>
4. 简洁文件结构：所有代码应由少量文件实现，不过度拆分
5. 零解释：仅返回 XML 格式，不添加任何额外说明
设计启示：Gemini 的 vibe-coder 使用 XML 作为代码传输格式，便于程序化解析和文件写入。这种「结构化输出」思路在需要 AI 与 IDE/CI 系统对接时特别有用。
来源仓库：github.com/x1xhlol/system-prompts-and-models-of-ai-tools
一键填参 · 去 AI 运行
填入你的资料，直接复制或跳转到 AI
或换个模型：
使用指南
复制提示词后，把【】中的占位内容替换成自己的资料即可使用。
看看其它频道
全站内容互通，减少「点进来只有列表」的单调感。
工具 18,300
技能 7,010
提示词 1,837
下载 344