把“好看一点”说清楚

01 · 找出模糊词

“高级、简洁、有科技感”不会告诉 Agent 应该改什么。把形容词翻译成布局、颜色、字号、留白、状态等可观察规则。

例如，“简洁”可以变成：首屏只保留姓名、目标与一个主按钮；正文最大宽度 680px；除主色外只用中性色。

1. 写下你原本会说的三个模糊词。
2. 为每个词补一条能在截图中指出的规则。
3. 删掉互相冲突的要求，例如既要极简又要放满信息。

02 · 写四段式 brief

目标回答页面帮助谁做什么；内容列出必须出现的信息；约束规定边界；验收描述完成证据。顺序很重要：先解决任务，再决定样子。

请重做 02-clear-brief/before-after.html，先阅读现有文件再修改。

【目标】让第一次看到页面的人在 8 秒内知道我是谁、正在学什么、下一步可以点哪里。
【内容】保留姓名、学习目标、40 字以内介绍和一个主按钮。
【约束】正文最大宽度 680px；只用深绿、米白和灰色；标题与正文至少有两级视觉差；不用渐变；不用外部资源；390px 下单列显示。
【验收】首屏只有一个主要动作；正文每行约 24–35 个中文字符；按钮有 hover 与 focus 状态；页面不出现横向滚动。

不要擅自添加头像、统计数字或第二个按钮。完成后按“目标/内容/约束/验收”四部分汇报。

03 · 用差异清单审稿

把修改后的页面和 before 截图并排。不要问“喜欢吗”，改问“要求实现了吗”。

如果结果仍不理想，只改一个变量。例如先调整信息层级，再讨论颜色。一次改五件事会让你无法判断哪项有效。

1. 圈出第一眼看到的内容，它应该是姓名或学习目标。
2. 数首屏主要动作，必须只有一个。
3. 缩到 390px，检查文字和按钮有没有被裁切。
4. 按 Tab，确认焦点顺序与阅读顺序一致。

请只修正下面两项，不改变颜色与文案：
1. 让学习目标成为姓名之后最明显的信息；
2. 将正文行长控制在适合中文阅读的范围。
修改前先指出对应 CSS，修改后说明具体数值。

04 · 建立你的提示词模板

把四段式结构保存下来。以后制作表格、看板或互动工具，变的是内容，任务骨架不变。

【目标】谁在什么场景下，要完成什么
【内容】必须出现的数据、文案与动作
【约束】技术、视觉、设备与禁止项
【验收】可以打开、点击、测量或截图证明的结果