惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

L
LangChain Blog
S
SegmentFault 最新的问题
V
Visual Studio Blog
J
Java Code Geeks
宝玉的分享
宝玉的分享
美团技术团队
博客园 - Franky
酷 壳 – CoolShell
酷 壳 – CoolShell
H
Hackread – Cybersecurity News, Data Breaches, AI and More
有赞技术团队
有赞技术团队
量子位
Martin Fowler
Martin Fowler
MyScale Blog
MyScale Blog
Google DeepMind News
Google DeepMind News
Jina AI
Jina AI
博客园 - 叶小钗
月光博客
月光博客
P
Proofpoint News Feed
D
DataBreaches.Net
Blog — PlanetScale
Blog — PlanetScale
博客园_首页
腾讯CDC
Microsoft Azure Blog
Microsoft Azure Blog
Stack Overflow Blog
Stack Overflow Blog

博客园 - Swizard

Linux 日志神器 journalctl 完全指南:彻底替代传统日志查看方式 还在被框架绑架?一文看懂“六边形架构”,让你的核心业务稳如泰山! 还在无脑堆砌提示词?三分钟看懂 Vercel v0 价值千万的 System Prompt 底层逻辑 OpenClaw+OpenViking + NVIDIA API 配置教程 拒绝“挤牙膏”!用苏格拉底提示法,让 AI 从“复读机”进化为“咨询顾问” 别再写丑陋的 Shell 脚本了:用 Gum 给你的终端穿上“高定西装” 告别 sudo 滥用!用 gosu 优雅解决 Docker 容器权限的“千古难题” 拒绝视觉噪音:用“数据墨水比”法则重塑你的专业图表 告别 Git Stash:用 Git Worktree 实现多任务并行,效率起飞! 手机里的 Linux 实验室:Termux 让你随时随地开启“黑客”模式 拒绝“隐形”!用 JSON-LD 让你的网页在 Google 搜索结果中“自带光环” ⚔️ Google SGE vs. Perplexity:一场内容争夺战,两套生存法则 SEO 已死?拥抱 AEO/GEO:如何让 AI 主动“推荐”你的网站 Python 重构神器:告别 ast 模块的痛苦,三行代码搞定复杂批量修改 别再手写递归找文件了!用 Python rglob 一行代码搞定海量搜索 告别笨重的 For 循环:用 xargs 打造 Linux 命令行流水线神器 告别“断网即崩溃”:像存档游戏一样管理你的终端会话(Tmux 终极入门) 沉默的观察者:Multi-Agent 架构如何实现“零指令”主动服务? 杀死那个提示词框:揭秘“意图识别 + 动态组装”的幕后逻辑 UI 设计如何落地“Boss Mode”?告别聊天框的四个交互法则 用 100 倍 Token 换取 10% 体验:关于 AI Agent 的“暴力美学”
逐行解剖:扒开 Lovable Agent 源码,看顶级 AI 是如何“思考”...
Swizard · 2026-02-27 · via 博客园 - Swizard

image

1. 引言:从“盲目输出”到“精准微创”

痛点场景: 大多数人自己写 Prompt 时,AI 就像一个莽撞的实习生:你让他改个按钮颜色,他顺手把整个页面的布局都重写了,甚至还引入了你项目里根本没有的 Vue.js 依赖。不仅改错,还极其浪费 Token 成本。

解决方案: Lovable 的解决之道,是将 AI 从一个“打字机”变成一位**“主治外科医生”**。它的核心策略就是四个字:极度克制。今天我们通过它的原版 Prompt,来看看这把“手术刀”是怎么打造的。


2. 概念拆解:“主治医师”的行医执照 (The "What" & "Why")

生活化类比

  • 普通代码生成器就像街边的快印店:你给文字,它就疯狂打印(生成大量代码覆盖原文件)。

  • Lovable Agent 是一位外科主治医师

    • 术前会诊 (Discussion Mode):绝不轻易动刀,先和你确认哪里痛。

    • 查阅病历 (Context limitation):明确知道你用的是什么药(技术栈),不能乱开处方。

    • 微创手术 (Search-Replace Tool):只切开需要缝合的那 1 厘米,绝不把整个肚子剖开(不重写全文件)。


3. 动手实战与源码对照 (The "How" & Deep Dive)

让我们直接对照 Lovable Agent Prompt.txt 的原文,看看它的每一条“军规”到底解决了什么开发痛点。

观点一:赋予 AI“物理空间感知”,避免自说自话

绝大多数 Prompt 只教 AI 写代码,却忘了告诉 AI 它自己“在哪”。

Lovable 源码原文"Interface Layout: On the left hand side of the interface, there's a chat window where users chat with you... You can access the console logs of the application in order to debug and use them to help you make changes."

深度解析: 这是一种非常高级的**上下文锚定(Context Anchoring)**技巧。Lovable 明确告诉大模型:“用户在左边和你说话,右边是预览区,你还可以直接读取控制台日志”。

  • Why(为什么这么写):这让 AI 知道自己是一个嵌在 IDE 里的助手,而不是网页端聊天的 ChatGPT。当它需要排错时,它知道有 console logs 存在(可以调用 Tool 去获取),而不是让用户“请把报错信息复制给我”。

观点二:技术栈的“绝对独裁”,根绝幻觉

代码越写越乱,通常是因为 AI “自作多情”地引入了不兼容的库。

Lovable 源码原文"Technology Stack: Lovable projects are built on top of React, Vite, Tailwind CSS, and TypeScript. Therefore it is not possible for Lovable to support other frameworks like Angular, Vue, Svelte, Next.js, native mobile apps, etc. Backend Limitations: Lovable also cannot run backend code directly."

深度解析 注意原词的强烈语气:“not possible”、“cannot”。

  • Why:这是对模型知识库的降维封锁。大模型懂 Angular 和 Vue,但这段话直接将其“阉割”到只剩 React + Vite 体系。即使用户强烈要求写个 Vue 组件,AI 也会根据这条铁律断然拒绝,从而保证了生成的代码能在当前容器中 100% 跑通。

观点三:防御性工作流,谋定而后动 (ReAct 架构核心)

这是决定 Agent 质量的最核心指令,也就是我在上一篇提到的“刹车机制”。

Lovable 源码原文"DEFAULT TO DISCUSSION MODE: Assume the user wants to discuss and plan rather than implement code... Define EXACTLY what will change and what will remain untouched - Plan a minimal but CORRECT approach needed to fulfill the request."

深度解析

  1. "Assume the user wants to discuss":逆向思维。默认用户只是来聊天的,除非遇到明确的动作词("implement", "code")。这防止了 AI 过度活跃(Over-eager generation)。

  2. "Define EXACTLY what will change and what will remain untouched":这是大师级的约束。写代码最难的不是写新功能,而是不破坏老功能(regression)。强制 AI 在动手前写下“我不碰什么”,能极大降低大模型的注意力偏移(Attention drift)。

观点四:极致的 Tool 效率与“微创手术”

当 AI 决定动手时,怎么动?Lovable 对工具的调用要求极其严苛。

Lovable 源码原文"MAXIMIZE EFFICIENCY... always invoke all relevant tools simultaneously. Never make sequential tool calls when they can be combined." "IMPLEMENTATION (when relevant): - Prefer using the search-replace tool rather than the write tool - Create small, focused components instead of large files"

深度解析

  • 并发调用(Simultaneously):在真实调用的 Tools.json 中,读取多个文件如果是一个接一个调用(顺序调用),每次都要等大模型响应,速度极慢且极其消耗上下文。Lovable 强制 AI 采用批量操作。

  • 微创手术(Prefer search-replace tool):这是整个工具链设计的灵魂!很多低级 Agent 修改代码时,使用的是 write_file(全量覆盖),这非常容易丢失原有逻辑。Lovable 明确指导 AI 优先使用 search-replace(搜索并替换局部代码),这要求 AI 必须精准定位代码块,实现了极低成本的精准修改。


4. 总结:系统提示词的本质是“工程管理”

读完源码你会发现,Lovable 的 System Prompt 根本不是在教 AI “怎么写好代码”,而是在做项目工程管理

  1. 规范沟通边界(讨论优先);

  2. 约束技术选型(锁定 React);

  3. 控制交付质量(规划先行,微创修改)。

把大模型当成一个智商很高但没有常识的顶尖应届生,System Prompt 就是你给他的《入职第一天必须遵守的 10 条死命令》。