写 Lovable 提示词,先讲清楚用户要完成的任务,再描述页面、数据和验收条件。只说“做一个高级的网站”,容易得到外观完整、细节不合用的页面。本文以虚构的“工作室预约看板”为练习,把首轮生成、局部修改和故障反馈拆成可以照做的步骤。想先了解工具能力与适用范围,可阅读 Lovable 中文专题。

一、开始前写清楚六项信息
把需求压缩成一张小卡片:谁使用、完成什么任务、有哪些页面、需要哪些交互、使用什么数据,以及怎样才算完成。假设工作室想整理预约,首版目标应是“查看和筛选预约”,不要同时加入支付、会员、邮件和复杂后台。
- 用户:工作室前台,需要在手机上查看当天安排。
- 页面:先做预约列表和预约详情,详情可用侧栏展示。
- 字段:客户称呼、服务项目、日期、时段、预约状态。
- 交互:按日期与状态筛选,清空筛选,打开详情。
- 内容:用虚构中文样例,注明演示数据,暂不连接后台。
- 验收:筛选结果正确,手机可操作,空结果有明确提示。
这套卡片也适用于作品集、活动页或客户管理工具。官方提示词指南强调先规划、使用贴近业务的内容,再围绕组件逐步迭代。下面的模板为本文原创练习,可以按自己的业务替换。
二、首轮中文提示词:让第一版范围可控
为一个摄影工作室创建中文预约看板,供前台查看每天的安排。首版包含预约列表和详情侧栏。每条预约有客户称呼、服务项目、日期、时段、状态;状态包括待确认、已确认、已取消。使用 8 条虚构样例,显著注明“演示数据”。
列表提供日期和状态筛选,以及清空筛选按钮;点击预约打开详情。手机端用卡片呈现,桌面端可用表格。界面以白色和深蓝色为主,正文清晰,按钮写明动作。先完成前端交互,暂不接入真实登录、支付或数据库。请先指出需求缺口,再列出实现步骤。
若需求还没确定,先使用 Plan 模式讨论。当前官方文档将执行模式称为 Build;Plan 用于分析和计划,不修改代码,确认方案后再进入实现。Plan 也会消耗积分,研究型任务可能增加用量,避免把整个项目无限扩展为一轮规划。参见官方 Plan 模式说明。
三、改稿时标明位置、动作和保留项
首版完成后,先检查目标任务,再调整美观。模糊地说“更专业”缺少判断标准;更好的写法是说明哪个组件有什么问题,以及允许修改的范围。
只修改预约列表的筛选区:日期与状态在桌面端同行展示,390px 宽度下分两行,字段标签始终可见。清空后恢复全部 8 条演示预约。保留现有配色、详情侧栏和数据字段。完成后说明改了哪些交互。
若只是按钮文案、卡片间距等局部细节,可在预览中选中相应元素后描述修改。附参考图时说明借鉴的是布局、色彩还是信息层级,并写出真实文本;截图没有表达的加载状态、错误提示和按钮去向仍需补充。
生成结果总是偏离品牌时,把稳定规则整理到项目 Knowledge,例如“界面使用简体中文,日期显示年月日,状态有文字标签,演示数据不含真实手机号”。临时修改保留在本次提示里,避免旧要求长期干扰后续功能。官方Knowledge 文档区分工作区通用规则和单项目背景,团队可按适用范围维护。
四、把验收写成能观察到的结果
“确保没有问题”无法说明测试范围。为预约看板列出具体动作:选择已取消后只出现对应记录;选择无预约日期后显示空状态;清空后恢复列表;打开详情后关闭按钮可用;手机屏幕没有整页横向滚动。中文长标题、两位数日期和不同长度的项目名都应纳入检查。
请核对预约筛选流程:依次选择每种状态、一个无结果日期,再清空筛选,确认数量与样例数据相符。在手机和桌面预览中检查详情打开与关闭。报告实际检查过的步骤;若受工具限制未能执行,请明确列出待人工检查项。
测试提示是验收要求,不代表工具已经通过检查。人工再走一遍主要路径,尤其确认按钮只是演示,还是会保存真实数据;接入后台后,还需要重新检查刷新后的数据、权限和失败恢复。
五、生成不对或反复报错,按证据排查
布局不对:给出页面、屏幕宽度和具体症状,例如“390px 下详情侧栏超出右边界”,再说明期望布局。按钮没反应:描述点击前后的状态,区分无反馈、报错和数据没更新。中文内容不一致:列出需要统一的字段和术语,不只要求“全部汉化”。
同一问题修改后又出现,先切回 Plan,提供错误原文、触发步骤、最后正常版本和已尝试的方法,让它解释原因再改。不要连续发送“再修一下”。若修复牵连其他组件,可参考官方排错流程回看版本历史,从可工作的状态缩小修改范围。分享日志前先去掉密钥与个人信息。
六、保留可复用模板,再进入发布
每次完成一个功能,把有效提示、项目规则和通过的验收步骤一起保存;下次替换任务与字段即可复用。好的提示词能减少歧义,效果仍取决于项目现状和后续验证。页面准备好后,继续阅读 Lovable 部署与自定义域名教程,检查线上版本、域名和更新是否正确。
文档核验日期:2026 年 9 月 13 日。示例用于练习需求表达,未声称完成真实项目实测;界面入口与计费以 Lovable 当前版本为准。