iter0 学习
把初步的产品介绍变成有用的页面，保持设计一致，并在发布前检查。
先确定页面的任务和读者，再选择合适的组件，记录需要复用的设计规则，并在实际屏幕尺寸下检查结果。
从这里开始
三条学习路径，每条都提供一份可填写的文件，或供你与已创建的页面对照。
适合有初步产品介绍、但还没有页面的创始人。
开始前： 你能说明业务、产品以及希望访客采取的一项行动。无需先建立设计系统。
完成后你会得到： 一页可供他人核对的需求说明，交给智能体后无需让它编造业务。
要保留的文件： 一份填写好的单页参考需求表，即使参考部分注明暂时没有截图也可以。
适合已有一个合用页面、准备添加第二页的创始人或设计工程师。
开始前： 已有一个包含实际字体和颜色的页面，且你可以打开它的代码。
完成后你会得到： 第二页复用相同的字体、间距、颜色和页面框架，并记录差异。
要保留的文件： 一份示例或实际项目的 design.md，以及其中列出的 CSS 自定义属性，保存在网站文件旁。
适合有喜欢的参考截图、又需要页面符合自身业务的人。
开始前： 你有权研究参考图，并清楚自己的产品、依据和主要访客行动。
完成后你会得到： 一份保留有用布局、同时使用自身业务内容的需求说明，一个可填入内容的组件页面，以及一份真实问题的检查记录。
要保留的文件： 一份填写好的视觉与移动端检查表，记录问题、修正和复查内容。
确定页面面向谁、需要完成什么任务，以及智能体还需要你提供哪些信息。
查看主题记录各页面需要保持一致的视觉和组件规则。
查看主题了解何时把项目规则写进 AGENTS.md、设计决策写进 design.md、可重复的操作写进 SKILL.md。
查看主题研究区块顺序、间距、图片比例和重点，同时保留自己业务的内容。
查看主题选择能说明产品的图片，保留重要裁切区域，并记录来源、使用权、替代文本和加载失败时的处理方式。
查看主题了解编程工具如何找到项目指令，以及何时值得为外部连接承担权限和故障风险。
在决定发布前，检查页面目的、依据、阅读顺序、响应式表现和基本无障碍功能。
查看主题