Slack Code 可以让你和团队一起看:

AI 的计划。

Code Diff。

Live Preview。

再决定要不要接受修改。

但如果一开始只跟 Agent 说:

「帮我把这里改好。」

后面即使所有人都看得到,

还是可能发生一个问题:

大家心里想的「改好」,根本不是同一件事。

所以今天只学一个动作。

在 Agent 开始改以前,

先写三格:

现在。

要变成。

不能动。

第一格:现在怎样?

先把目前问题说清楚。

例如不要写:

手机版按钮不好看。

改成:

手机版首页第一屏的「免费试用」按钮目前太靠近页面底部,用户需要往下滑才能看到。

这一格是在定义:

起点。

因为如果连现在发生什么都没有说清楚,

AI 就会开始自己判断:

是哪一个按钮?

哪个页面?

哪个尺寸?

什么叫不好看?

第二格:要变成怎样?

接着不要只说:

「改善一下。」

要告诉 AI:

最后你希望看到什么。

例如:

手机版首页打开后,不卷动画面就能看到完整的免费试用按钮。

这就是:

验收条件。

修改完成后,

不用争论:

「感觉好像有比较好。」

直接看:

有没有做到?

第三格:不能动什么?

这一格反而最容易被忘记。

例如你的真正需求只有:

手机版 CTA 往上。

但是 Agent 为了做到这件事,

可能顺便修改:

桌面版间距。

字体。

导览列。

其他 Button Style。

甚至共用 CSS。

所以第三格可以写:

桌面版版型、按钮文字、品牌字体与其他页面不得修改。

这是在告诉 Agent:

成功不是改得愈多愈好。

成功是:

把指定问题修掉,

其他正常的东西留下来。

三格合起来就完成了

最简单格式就是:

现在

目前发生什么问题?

要变成

修改完成后,用户应该看到什么?

不能动

哪些原本正常的功能、页面或数据必须保持不变?

例如:

现在: 手机版首页第一屏看不到完整的免费试用按钮。
要变成: iPhone 尺寸打开首页后,不卷动就能看到完整 CTA。
不能动: 桌面版、CTA 文字、导览列、其他页面与登录流程都不要修改。
先根据这三个条件提出计划。
如果需要改动「不能动」区域才能完成,先停下来告诉我,不要自行扩大范围。

这已经是一个很好用的 Slack Code 任务起点。

为什么 Slack Code 特别需要这种写法?

因为 Slack Code 的重点不是:

一个人和 Agent 私下工作。

它把:

产品。

工程。

设计。

其他相关同事

拉进同一个 Code Channel。

Slack 官方设计就是让大家可以在同一空间:

规划。

Prompt Agent。

查看变更。

查看 Preview。

一起 Review。

所以这时候最怕的不是:

没有人看到。

而是:

每个人看到的目标不同。

例如产品经理想的是 A

产品经理说:

手机版 CTA 要明显一点。

他心里可能只是希望:

按钮提高 40 像素。

设计师想的是 B

设计师看到后可能理解成:

整个 Hero Section 重新排版。

AI 又可能理解成 C

Agent 为了让 CTA 更明显,

可能:

换颜色。

加大字。

改 Margin。

重排版面。

三个人都没有错。

问题只是:

「明显一点」没有明确验收条件。

所以不要等 Code Diff 出来才第一次讨论需求

Code Diff 告诉你的事情是:

AI 改了什么。

它不能替你回答:

这些修改是不是原本真正想要的。

Live Preview 告诉你:

现在画面变成什么样子。

它同样不能替你回答:

这是不是正确的产品需求。

因此最便宜的修正时间,

永远是在:

Agent 还没开始大量修改以前。

「现在」这一格要尽量可观察

不要写:

网站很难用。

因为这太大。

可以改成:

手机版结帐页的折扣码字段位于付款按钮下方,测试用户容易找不到。

或者:

深色模式下,主要 CTA 文字与背景对比不足。

或者:

商品页在 390px 宽度时,价格与加入购物车按钮重叠。

这些都有一个特色:

看得到。

AI 改完后,

也比较容易:

验证。

「要变成」不要写技术做法,先写结果

例如不要第一句就要求:

把 padding 改成 16px。

因为你真正要解决的问题可能是:

按钮被遮住。

如果 AI 发现:

16px 还是被遮住,

它反而会被你锁在错误解法里。

比较好的写法是:

修改完成后,在指定手机尺寸下,按钮不得被遮挡,而且第一屏可以完整看到。

你定义:

结果。

Agent 再提出:

怎么做到。

什么时候才指定技术做法?

如果那个技术本身就是限制,

再写。

例如:

不准改 API。
不准改 Database Schema。
不增加新的 Dependency。
必须保留现有 Design Token。

这些就很适合放到:

不能动。

因为它们不是偏好。

而是:

边界。

「不能动」尤其适合保护共用组件

AI Coding 很容易碰到一种情况:

你只是改:

A 页。

Agent 发现 A 页用了:

Shared Component。

于是它直接改:

Shared Component。

结果:

B。

C。

D。

三页一起变。

所以如果你知道:

这是正式网站,

就可以直接写:

如果修改 Shared Component 会影响其他页面,先停下来说明影响范围,不要直接修改。

这一句非常实用。

在 Slack Code 里,让团队先回一个「同意」

既然 Code Channel 本来就是多人协作,

不要急着让 Agent Build。

可以先贴:

现在。

要变成。

不能动。

然后让相关人确认:

产品:

需求正确。

设计:

视觉边界正确。

工程师:

技术限制正确。

确认完成,

再让 Agent 往下做。

真正节省的不是:

这 30 秒。

而是避免二十分钟后才有人说:

「等等,我不是这个意思。」

接下来再看 Slack Code 的 Plan

Slack Code 可以让 Agent 在专属 Code Channel 里呈现:

Planning Document。

Code Diff。

Live HTML Preview

等工作内容。

所以三格写完以后,

下一步才是:

看 Agent 的 Plan。

这时你只需要问:

它的计划有没有违反刚才三格?

看 Plan 时只检查三件事

第一:

它是不是在修:

真正的问题?

第二:

它做完是不是会得到:

你写的结果?

第三:

它有没有碰到:

你说不能动的范围?

如果第三个答案是:

有,

先不要 Build。

然后再看 Code Diff

Plan 是:

它说准备怎么改。

Code Diff 是:

它真的改了什么。

所以当 Diff 出来时,

还是用同一张三格卡检查。

不用突然换一套标准。

例如:

明明「不能动」写了:

桌面版。

结果 Diff 里出现:

Desktop Layout CSS。

就值得问:

为什么?

这比只看:

AI 说「已完成」

可靠很多。

最后看 Preview

如果是网站或界面修改,

Preview 才是最接近:

用户真正看到的结果。

这时又回到:

第二格。

要变成怎样?

例如你写:

手机第一屏不卷动就看到 CTA。

那就真的切到:

手机尺寸。

确认:

看不看得到。

不要只看:

桌面 Preview 很漂亮,

就批准。

所以今天的方法其实一路都不用换

开始前:

现在/要变成/不能动。

看 Plan:

对照三格。

看 Diff:

对照三格。

看 Preview:

再对照三格。

最后才批准。

这样团队不用每到一个阶段,

重新发明一套判断标准。

这和 Replit Plan Mode 教学有什么不同?

8 月 20 日我们已经教过:

AI 改 App 前先看 Plan,不先动程序。

今天再写一次:

「先看 Plan」

就会变成重复内容。

所以今天往前推一层:

Plan 出来以前,你自己先定义什么叫做成功。

Plan Mode 解决的是:

AI 准备怎么做?

今天这三格解决的是:

人类到底要它做到什么程度?

两个是上下游关系。

也不要把「不能动」误会成系统锁定

这一点一定要分清楚。

你在 Prompt 写:

不要改 Database。

不代表系统真的把 Database:

锁起来。

它首先仍然是:

给 Agent 的工作指令。

如果某个 Agent 本身拥有更大的 Repository、部署或数据权限,

真正的技术安全还是需要:

权限。

Branch Policy。

Review。

测试。

Deployment Control。

所以三格方法的用途是:

让目标与边界更清楚。

不是取代:

工程权限治理。

可以直接拷贝这个模板

在开始修改以前,先用下面三个条件理解任务。
现在:
【目前可以观察到的问题】
要变成:
【完成后可以直接验证的结果】
不能动:
【不允许修改的页面、功能、数据、组件或流程】
先提出你的修改计划。
如果计划必须超出「不能动」的范围才能完成,先停下来说明原因。
不要自行扩大修改范围。

一个完整例子

假设网站会员登录页,

手机版 Logo 被切掉。

可以写:

现在:
在 390px 宽度下,登录页顶部 Logo 右侧被裁切。
要变成:
在 360px~430px 的手机宽度下,Logo 都完整显示,登录表单位置保持正常。
不能动:
不改 Logo 图档、不改登录 API、不改桌面版、不改会员验证流程。
先提出计划,不要直接部署。

这就比:

Logo 坏掉了,帮我修。

清楚很多。

如果你不懂程序也可以写

因为三格根本不要求:

会 Coding。

你只要知道:

现在看到什么?

希望最后变什么?

哪些东西不要跟着改?

这也是 Slack Code 很有意思的地方。

Slack 官方现在就是希望:

非技术成员也能进入 Code Channel,

查看 Agent 正在做什么、

看 Preview、

提出回馈,

再由相关人员一起 Sign Off。

今天的一分钟方法

下次用 Slack Code 叫 AI 改网站或 App,

不要第一句就写:

帮我改好。

先填:

现在

问题现在长什么样?

要变成

成功后可以看到什么?

不能动

哪些正常东西必须留下?

然后才让 Agent:

Plan。

Build。

Diff。

Preview。

Review。

今天真正要记住的一句话

AI Coding 最容易出错的地方,不一定是程序写错,而是它成功完成了一个大家从来没有真正说清楚的需求。

所以 Slack Code 开始以前,

先不要急着让 AI 写。

先让整个团队对:

现在是什么。

要变成什么。

什么不能变。

有同一个答案。

后面 AI 跑得愈快,

这三格反而愈重要。

今天,和 AI 一起进步一点。

每天学会一个 AI 技巧。

每天节省一点时间。

每天提升一点能力。

SasaDaily,陪你一起成长。

推荐阅读

AI 一分钟教学|2026/08/20:Replit 要改 App 前,先开 Plan Mode,只看计划、不先动程序

AI 一分钟教学|2026/07/29:把复杂工作交给 AI 前,先请它列出「数据、步骤、确认点」