不熟悉代码的人可以借助 Cursor 把想法做成可试用原型,但能打开页面与可以长期使用是两件事。本文不采用“效率提高五倍”或“一分钟完成应用”的承诺,而是用一份虚构家庭阅读角书单,完成规则配置、项目实践与排错调优三类工作。最终目标是一个能筛选、标记已读并解释保存边界的本地演示,不接真实账号、付款或云同步。
先写一张读者自己看得懂的验收卡
用普通话描述谁在用、要做什么和怎样判断成功:“我想在电脑上维护示例书单,按主题筛选,把一本书标记为已读,刷新后按已确认的保存方案恢复;如果浏览器不允许保存,就明确提示。”列三条虚构书目,不放家庭成员姓名、地址或阅读隐私。 把范围写小:先做一个本地网页,不同时做手机商店应用、多人协作和联网推荐。记录文件放在哪、如何启动、怎样停止和怎样备份。让 Agent 在执行命令前解释用途、预计写入位置和是否访问外网;看不懂的命令先询问含义,不用反复粘贴同一个安装脚本。 提效应记录从需求到可验收结果的总时间、需要别人帮忙的次数和返工,不能只看代码生成速度。本文是操作教程,没有运行示例项目,因此没有现成的测试通过率或时间成绩。
场景一:配置规则与数据边界
项目规则先写可执行约束:只改当前演示目录;保留既有文件;采用虚构书目;新增依赖先说明用途;不发布网站;每次结束列修改和未完成项。让 Agent 回述这些约束,再进入实现。规则应短而具体,不把长篇教程全部塞进永久上下文。 技能提供方法,不替代规则或隐私设置。先通过 SkillPI Skill Finder 发现候选,再核对完整源仓库、版本、许可证与权限。本文关联的 Frontend Design 用于书单页面的视觉层级与界面实现,需要明确页面目标和可编辑项目;它不是隐私配置工具,也不保证用户研究结论。 检查当前账户的数据设置与组织要求。Cursor 的数据使用说明区分训练用途与其他数据处理条件,隐私模式不等于所有操作都离线。不要把真实个人资料放进任务,再寄希望于一句“请保密”。外部服务、MCP 和新增工具的访问范围分别确认,凭证不写入对话或示例文件。 规则与技能的具体配置按当前宿主支持处理。装完可在一个小任务中明确调用验证,不假定旧教程的目录和按钮适用于所有版本。配置变更前保存原状态,一次只改一项,方便恢复。
场景二:从一张纸上的书单做出本地原型
先让 Agent 画出页面内容顺序:标题、主题筛选、书目列表、已读状态和保存提示。用三条虚构书目形成固定输入,例如 B11 属于旅行、B12 属于手工、B13 属于旅行。筛选旅行时只显示 B11 和 B13,清除筛选恢复三条;没有匹配时显示空状态。 用 Frontend Design 选择适合阅读角的清楚排版与温和配色,再落到项目代码。不要让图片或装饰压过书名和操作;状态除了颜色还要有文字。让 Agent 解释页面中哪块来自数据、哪块是界面样式,帮助非技术读者知道下次修改书目不应误改代码结构。 第一轮只完成显示与筛选,确认后再增加已读标记和保存。先约定采用何种保存方式及限制:若选择浏览器本地保存,它不是云备份,也不自动跨设备;清理浏览器数据可能影响记录。让 Agent 对保存失败显示可理解提示,不能在界面显示“已保存”而实际写入失败。示例书目可重新导入,以免演练失败就无从恢复。 把功能拆成可观察动作,每轮要求列文件、启动步骤和测试办法。不要在加入已读标记时顺手换框架、引入登录服务或重写全部样式。遇到需要服务端存储或多用户协作的需求,先补架构与权限设计,再进入下一阶段。
用匹配的技能检查,而不是只凭截图满意
Webapp Testing 用于运行中本地页面的浏览器验证,前提是 Python、浏览器依赖、启动命令和地址可用。GitHub 上的 Playwright 有明确的浏览器测试职责、文档和 Apache-2.0 许可证,是该类验证可参考的成熟基础,不必另造点击工具。技能仍需按自己的包说明使用,不能把 JavaScript 测试器与 Python 依赖混在一起。 给测试任务提供动作与预期:筛选旅行只剩两条;标记 B11 后出现已读文字;刷新后的状态符合约定;清空筛选恢复全部;保存不可用时提示失败。检查窄屏是否遮挡按钮、键盘是否能到达操作。截图只能说明某一时刻,动作顺序和实际结果同样要记录。 Writing Guidelines 用于检查运行手册和故障说明的技术表达,需要文档和关联指南。它不能证明保存真的发生,也不能替代功能检查。交付时把页面证据、手册建议与尚未验证的事项分开写清。
场景三:把错误交给 Agent 前先留下复现
页面打不开时,先分清本地服务是否启动、地址与端口是否一致、终端是否报错。不要把地址栏打不开理解成所有代码都坏了。按钮无反应时,写下点了哪个按钮、当前筛选、期望什么、实际发生什么;附脱敏错误而不是整个包含密钥的日志。 刷新后状态消失时,检查保存方案、浏览器环境、写入错误与是否换了地址,不要直接重复生成整个项目。筛选结果不对时,用固定三条数据复现,确认是数据标签、大小写约定还是逻辑问题。让 Agent 每次解释根因假设、最小修改和复测结果,未证实的原因保留为假设。 Cursor 卡顿与项目错误另行排查:记录软件版本、发生时间、项目大小和能否在小项目复现。先观察资源和工作区范围,按官方说明处理;不要关闭安全控制、随意换系统代理或删除源文件。认证问题需要走正常登录流程,密码或验证码由用户在正确服务中处理。 每次修复后复测原来通过的主要动作,避免修保存又破坏筛选。保留一个可恢复版本和简短修改日志;若不熟悉 Git,至少学会识别修改清单并让技术协作者帮助建立备份与恢复方式,不能把“Agent 记得”当成备份。
FAQ:从可演示到可使用还差什么
不会代码能做完整项目吗?可以从有限原型开始,但仍需要理解输入、结果和限制;真实账号、支付和公开服务需要额外设计与专业审阅。所有技能都要装吗?按当前阶段选择,先 Finder 再核验目标,不为凑组合新增不相关包。 可以保证不额外收费吗?不能,技能许可证、编辑器套餐、模型用量与外部服务分别核对。换 Agent 是否直接能用?验证宿主支持、目录和工具依赖,不能保证完全相同。安装量代表真实验收吗?不能,把使用数字和你自己项目的证据分开。 什么时候算这一轮完成?读者能按手册启动,三条虚构数据的关键动作有结果,保存边界说明清楚,错误能复现,并留有恢复办法。公开部署、多人数据一致性和长期维护另外列任务。用这张清单决定下一步,比按宣传中的一分钟或五倍效率评价自己更公平。