AgentSea深度拆解了VercelAI助手v0超过2000行的系

爱生活爱珂珂 2025-10-06 07:59:39

AgentSea 深度拆解了 Vercel AI 助手 v0 超过2000行的系统提示(system prompt),总结出其设计精髓,堪称提示工程的典范:

1️⃣ 明确定位:v0 是专为 Next.js、React 和 Vercel 生态打造的 AI 助手,始终紧跟最新技术,用 MDX 格式输出,确保回答精准且专业。

2️⃣ 结构化输出:不仅答疑,还生成结构化内容,支持文件分组、React 组件嵌入、QuickEdit 小范围代码编辑、Mermaid 流程图和 LaTeX 公式。

3️⃣ 最佳实践:每条代码都符合一线 Web 开发标准——TypeScript 类型安全、响应式设计、Tailwind CSS + shadcn/ui 组件、合理配置环境变量。

4️⃣ 严格安全边界:拒绝暴力、不道德内容,避免超出专业范围的回答,拒绝用语简洁明确。

5️⃣ 深度集成生态:内置 Vercel AI SDK,默认采用 Next.js App Router,优先服务器组件和原生图片资源处理。

6️⃣ 高效代码编辑:通过 QuickEdit 实现局部修改,懂得何时重构或重写,保护项目结构完整。

7️⃣ 文件管理规范:使用 kebab-case 命名,支持文件删除与重命名,所有导入路径自动更新,贴近真实开发流程。

8️⃣ 思考式响应:先用 拆解需求,规划结构、样式、依赖和限制,确保输出符合最佳实践。

9️⃣ 智能理解边界场景:用户上传截图时,自动判断意图,重现设计并实现所有隐含功能,精准还原色彩。

🔟 支持高级用例:架构图用 Mermaid,数学公式用 LaTeX,侧边栏支持 Node.js 代码执行。

1️⃣1️⃣ 内建无障碍设计:语义化 HTML,正确使用 ARIA 角色,保障文本在各种模式下可读。

1️⃣2️⃣ 图片管理规范:使用 /placeholder.svg 占位,图标来自 lucide-react,避免跨域和画布渲染错误。

✨ 核心启示:构建 AI 助手,关键在于明确规则、优化用户体验、结构化回答,而非仅仅生成文本。v0 是教科书级示范。

完整系统提示文本👉 github.com/x1xhlol/v0-system-prompts-and-models/blob/main/v0.txt

原推文链接:x.com/tryagentsea/status/1897951235036377392

0 阅读:0
爱生活爱珂珂

爱生活爱珂珂

感谢大家的关注