给 Cursor 一个小需求，怎样让它先计划、再修改、再验收

Wed, 20 May 2026 10:39:00 +0800

这篇不讲安装，也不讲一堆按钮。

我们只做一件小事：给 Cursor 一个登录页，让它把页面视觉调得更像一个正式产品，但不允许它改业务逻辑。

任务很小，正好适合练手。小到你能看完所有 diff；也真实到足够暴露问题。很多人用 Agent 翻车，不是让它做了多复杂的架构，而是从一句“帮我优化一下页面”开始，最后发现字段、校验、接口路径都被顺手动了。

这一次不追求“让 Cursor 改得多快”。

我们只看一件事：它能不能按你的节奏走，分析、计划、执行、验收。

准备一个小到能验收的项目

我用的是一个最小登录页 demo，只有四个核心文件：

1
2
3
4
5


cursor-agent-demo/
├── index.html
├── style.css
├── login.js
└── tests/login.test.js

页面里有两个字段：邮箱和密码。

表单的业务契约也很明确：

1
2
3
4


<form id="loginForm" action="/api/login" method="post">
 <input id="email" name="email" type="email" required />
 <input id="password" name="password" type="password" required minlength="8" />
</form>

这次需求只允许改视觉层：背景、卡片、阴影、圆角、按钮质感。

不能改这些东西：

表单字段名
form action
请求路径
required
minlength
提交流程

如果你第一次练 Cursor Agent，我建议也从这种项目开始。不要一上来就让它改业务模块、重构页面、接新接口。项目越大，你越容易被一堆看起来很努力的 diff 淹没。

Agent 不是不能做大任务。

但你得先练会怎么管住小任务。

第一步：只分析，不许改

很多人给 Cursor 的第一句话是：

1

帮我优化登录页。

这句话太危险。

“优化”是什么？只改样式，还是改交互？能不能抽组件？能不能动校验？能不能顺手把 HTML 结构也重排？你没说清楚，Agent 就只能猜。

技术实战 on Zampo Blog

给 Cursor 一个小需求，怎样让它先计划、再修改、再验收

准备一个小到能验收的项目

第一步：只分析，不许改