先把问题说具体
“不好看”可能是标题和正文一样重、所有区域都像卡片，或颜色很多却没有重点。先截取一个实际页面，指出最影响阅读的位置，比让 Agent “更高级一点”更容易执行。
- 第一眼能否看清主标题、主要内容和下一步操作？
- 段落与区域之间的距离，是否比同一组内容内部更大？
- 强调色是否集中在真正重要的位置？
- 同样的按钮、输入和卡片，是否采用相同样式？
选一个参考方向
根据内容选择方向。开发工具可以参考 Vercel 的黑白与细线层级；希望创意产品显得轻松一些，可以比较 ElevenLabs 的暖白底色与舒展排版。需要较多功能说明时，先看截图、文字和分区的关系。
这些是选择起点，不是保证适合所有项目的答案。可以从极简黑白或温暖留白中比较候选，再决定是否使用。
看同一份内容的三种结果
现有三风格案例为同一份虚构项目需求制作了三个实际页面。主要文案和 HTML 结构保持相同，变化集中在背景、字体、间距与组件表达。
比较时先看主次关系，再看具体颜色。相同按钮放在不同留白中、同一张图片占据不同面积，都会改变页面感受。示例使用可用字体回退，不把原品牌字体文件作为下载素材分发。
把改进任务交给 Agent
把实际 ZIP 和需要修改的页面交给 Agent，让它先理解现有项目，再应用设计依据。下面的任务可以直接复制，不需要手动解压或拼接多段提示词。
请基于现有项目改善页面设计，保留已有业务功能、路由和数据。
参考 ZIP 路径：[填写 ZIP 文件路径]
需要改进的页面：[填写页面路径与具体问题]
1. 检查现有技术栈、公共组件和样式，先记录哪些功能与内容必须保留。
2. 由你解压 ZIP 到项目内独立参考目录，保留文件名，不覆盖现有规则文件。
3. 读取 AGENT.md、DESIGN-compact.md 和 DESIGN.md；同时读取 tailwind-v4.css、variables.css、design-tokens.json，使用真实定义，不凭印象猜测颜色、字体、间距或组件参数。
4. 打开 AGENT.md 中 Original website 的原始网站，核对布局、排版与组件。无法访问或资料未包含的字体、图片、动效请明确说明。
5. 结合我的真实内容，先指出层级、内容密度、留白与组件一致性的问题，再完成这一个页面的改进。不要新增没有要求的营销文案或业务功能。
6. 检查桌面和手机的真实页面，测试已有交互。交付实际截图、修改说明，以及需要我补充的真实素材。
7. 我确认这个页面后，再将同一套规则用于其他页面。复制后替换 ZIP 路径和页面需求，再发给 Agent。
用实际页面检查结果
要求 Agent 打开桌面和手机页面，确认长标题、真实图片和不同内容长度下仍能阅读、操作。逐项检查原功能、键盘焦点、文本对比和横向溢出。只看一张漂亮的截图，无法说明网站已经完成。
方向合适后，再把同一套规则扩展到其他页面。具体文件阅读顺序见入门指南；已有内容不需要为了换风格而重新编写。