Coding Agent 做页面时,很容易从 HTML 开始。颜色、卡片和动效都有了,最重要的问题却没回答:这页给谁看,先看什么,哪些事实不能丢。
我把自己反复补的步骤写成了 Ultimate Design。它先读用户的内容和现有代码,再生成一份设计合同;页面完成后,还要过一轮评审和真实浏览器检查。
先把要说什么钉住,再决定页面长什么样。
五个步骤
- 固定需求记录原始诉求、最新约束、成功标准和不能改掉的事实。
- 整理内容先排清信息顺序、术语和语气,再进入视觉设计。
- 写 DESIGN.md把颜色、字体、布局、组件和质量门写成可继续使用的合同。
- 做完再挑错检查需求漂移、层级、空话、移动端和无意义装饰。
- 打开浏览器看桌面和手机都截图,确认没有重叠、裁切和奇怪换行。
1228行原始材料
9章教学内容
2种语言
最简单的用法
目标、读者、素材和边界说清楚就够了。剩下的合同、页面和检查交给流程。
用 ultimate-design 把这份调研做成一个公开教学页。 读者是 AI 产品和工程团队。 保留中英文切换;不要写成供应商宣传;最后检查桌面和移动端。