通用 AI 结果和高端结果之间的差别,很少在模型,而在提示词。下面这些套路产出的东西看着是精心做的、贴合品牌、能直接上线,而不是拼凑的。把它们当脚手架用,再改到贴合你的产品。
每个 Lovable 用户迟早都会发现,同一个意思用两种方式问出来,会产出两个完全不同的应用。一个感觉通用,像一个稍加伪装的模板。另一个感觉有意为之,像一个用心的设计师写出来的。模型没变,变的是提示词。
在我们的研究社区里看过成千上万条提示词,又自己把同一批产品用几十种方式重做之后,我们攒下了那些稳定产出高端结果的套路。这就是这份精选库。把它当起点,别当剧本。
一条好的 Lovable 提示词的结构
在进库之前,先讲套路。每一条稳定产出高端结果的提示词都包含五个要素,大致按这个顺序:
- 一个有名字的产品或品牌,好让 AI 认准一个身份,而不是抽象的 东西。
- 一个具体的受众,好让文案有针对性,而不是通用。
- 一个单一的主要结果,好让界面不铺开。
- 一个视觉参照(一到两个名字),好让审美有主见。
- 一个说明要留白什么的约束,好让结果克制。
能转化的落地页
1. 高端 SaaS 落地页:Linear / Stripe 风格
为 [Product] 做营销落地页。受众:[specific user]。首屏:一句点出难受时刻的标题,一句点出缓解的副标题,一个 CTA。风格:Linear 遇上 Stripe,克制的字体,大量留白,柔和的渐变 hero,不用图库插画。三张诚实的截图,三个带编号的步骤,一个只有单一套餐的价格区,一个页脚。不要轮播,不要一整墙的用户好评,不要聊天挂件。
2. 有杂志味的产品页
为 [Product] 做一个杂志风格的产品页,取 Kinfolk 和 Apple newsroom 的气质。标题用精致的衬线体(点缀词用 Playfair Display 斜体)。正文用无衬线体。不对称的双栏 hero,产品图浮在标题右侧。米色背景,炭黑文字。一个主 CTA,不要次级 CTA。整个页面要显得从容、笃定。
3. 独立开发者的发布页
为 [Product] 做一个发布页,一个面向 [audience] 的独立 SaaS。语气直接、友好。露出创始人的名字和照片。一段话讲清楚这东西为什么存在。单一 CTA:'免费试用'。首屏往下,放一段用创始人口吻写的简短 FAQ。柔和的米 白背景,单一强调色。不要企业腔。
完整的 SaaS 骨架
4. 一条提示词做出订阅制 SaaS
做一个完整的订阅制 SaaS,叫 [Name],面向 [audience]。包含:营销落地页、登录(邮箱和 Google)、一个带侧边导航的干净仪表盘、一个主功能页、设置、接上 Stripe 的计费(一个每月 $19 的套餐)和一条退出登录流程。数据库和登录用托管后端。设计:高端极简,主色用柔和的紫,Inter 字体,大量留白。适配手机。
5. 内部工具 / 管理后台
为 [team] 做一个管理 [entity] 的内部工具。单一界面:一个安静、信息密集的表格,带搜索、按 [fields] 筛选、行内编辑和批量操作。侧边导航切换相关实体。用托管后端。风格:Linear 那种,默认深色模式,ID 用等宽字体。清晰优先于装饰。不要营销那套外壳。
6. 双边市场的骨架
做一个把 [supply] 和 [demand] 连起来的市场 MVP。两种角色,各自的仪表盘。供给方:资料、发布信息、收件箱。需求方:搜索、信息详情、联系动作。注册时选角色的登录。托管后端。干净的杂志风格。v1 先不做站内私信,换成一个'给卖家发邮件'的按钮,点开一封带模板的邮件。
一条提示词做出的 MVP
7. 七天 MVP 的需求说明
做 [Product] 尽可能小的有用版本。一个界面,一个输入,一个输出。v1 跳过登录,状态存到 localStorage。那个输出必须就是用户来这里要的唯一东西。高端极简风格。界面上方一句话说明它是干什么的。下方一个 CTA:'把这个存起来以后看'(创建一个账户)。
8. AI 驱动的单一用途工具
做一个单界面 AI 工具:粘贴 [input],得到 [output]。在托管后端用 Lovable AI,配 [model] 模型。放一个干净的文本框、一个生成按钮,和一个带一键复制的结果面板。加一个不张扬的加载状态(打字机光标,不要转圈)。适配手机。页脚一行:'Built with Lovable.'。v1 先不做频率限制,以后再加。
设计系统与视觉方向
9. 搭一套有主见的设计系统
在做功能之前,先在 index.css 和 tailwind.config 里搭好设计系统。主色:[hex](转成 HSL)。背景:暖米白(hsl 40 30% 97%)。前景:近黑(hsl 240 15% 10%)。标题:Inter Display 700,正文:Inter 400,点缀斜体:Playfair Display 500。圆角:0.75rem。加一个柔和的渐变工具类 .gradient-text 和一个玻璃卡片工具类。以后每个组件都用这些 token。绝不把 hex 值写在行内。
10. 把现有应用重做成高端质感
把当前应用重做成一本奢侈杂志的气质。把通用的 shadcn 默认样式换成:Inter Display 标题,每个 H1 里的点缀词用 Playfair Display 斜体,主 CTA 用柔和的紫到粉渐变,宽松的间距(桌面端各区块之间 py-24),合适的地方用不对称布局。标题里去掉 emoji。每页加一个装饰性的分隔线。
具体的 UI 组件
- 一个价格表,只高亮一个套餐,功能不堆砌。
- 一个打字机动效的 hero,循环展示三个产品用途。
- 一个杂志风格的文章版式,带首字下沉、抽引句和阅读进度条。
- 一条安静的引导流程,三步,带一个不惩罚用户的跳过选项。
- 空状态:一张插画,一个下一步动作。
- 一个真像 Apple 设置页的设置页,而不是 Bootstrap 表单。
AI 功能与集成
11. 给现有应用加一个聊天界面
给当前应用加一个聊天面板。用 Lovable AI,配 google/gemini-3-flash-preview 模型。把对话存到托管后端,按登录用户隔离。流式返回(不要阻塞)。界面保持极简:单栏,宽松的行高,不要头像气泡。斜杠命令 '/clear' 清空当前会话。
12. 从文档里做结构化抽取
加一个功能:用户上传一个 PDF,拿回一份结构化摘要:标题、三个关键要点、一个建议动作。用 Lovable AI 的结构 化输出(Zod schema)。结果显示成一张杂志风格的卡片,而不是一堆 JSON。每次抽取都存进用户的历史记录。
每个搭建者都需要的救急提示词
13. 定点重构
[Component] 干的事太多了。把它拆成更小的单一职责组件,放到一个新文件夹里。对外接口保持完全一致。不要改任何逻辑。拆完之后,父文件应该在 100 行以内。
14. 老实的设计点评
用一个 Awwwards 评委的眼光看当前界面。点出三个最弱的视觉决定,并给出具体的替代方案。然后把它们实现出来。要有主见。
15. 性能审查
给首页做性能分析。找出三处最慢的渲染或最大的资源。修掉它们:首屏以下的图片懒加载,重的路由做代码分割,把不必要的客户端组件换掉。目标是手机端 Lighthouse 95 分以上。
怎么用这份库
挑最接近的那条提示词。把方括号里的槽位替换掉。加一句话说明要留白什么。然后从结果出发,用更小、更精准的提示词迭代,而不是把整份说明重写一遍。
把上面任意一条提示词复制到一个新项目里,看看有什么变化。
常见问题
提示词越长,Lovable 的结果越好吗?
不一定。最好的提示词是密,不是长。它点出品牌、受众、结果、视觉参照和约束。堆一堆形容词只会让输出更含糊。
我该用英文还是母语写提示词?
都行。这个模型是真的多语言。我们在俄语、西班牙语、法语和葡萄牙语里都见过很好的结果。用你想得最清楚的那门语言写。
怎么提示某种特定的视觉风格?
点一到两个知名的参照,别堆一长串形容词。'Linear 遇上 Kinfolk' 产出的结果,比'现代、时髦、高端、极简、好看'要连贯得多。
我能把提示词存下来跨项目复用吗?
能。我们建议维护一份自己的提示词库,哪怕就是一个纯文本文件,把每条提示词都当作一件随时间打磨的知识产权。
给任何 Lovable 提示词加的最重要的一句话是什么?
一句说明要留白什么的话。约束养出品味;放任养出铺张。
简报
Lovable 的精华,每周一封。
深度测评、创始人案例和增长打法。没有水分。
不发垃圾邮件。一键退订。


