oil-ui

先定下一句设计北极星，再让构图、字体、色彩、素材和交互都朝它靠拢，做出一眼认得出来的界面。克制是留下最有力量的选择、删掉没有贡献的元素，不是把所有风格磨成中庸。界面好不好看、任务走不走得通，分开验收。

主流程

新界面只沿这条主线推进，每一步留下明确结果，没过门槛不往后走：

• 产品事实：写清用户、品牌、任务、真实内容、设备、资产与技术限制；产品参考和交互参考分开拆。
• 主角 / 动作：先列删除清单，再为每屏指定一个主角、一个主动作；还有同权重主角或动作时继续删、合并或降级。
• 素材 / 概念：先定关键素材来源、概念与实现成本；需要起新概念时由全新子 Agent 出、主 Agent 选，不能都从同一家标杆派生。
• 灰度结构：先画主视口的灰度线框，排清内容层级、对象、主动作和状态；只有另一端会改变布局或输入时才补那一端。结构或核心交互走不通就退回，不用颜色、字体或主视觉遮过去。灰度与方向卡完成后，由另一位独立评审者把关。
• 实现：先做代表性页面或核心流程及关键状态，检查后再铺开。
• 真实画面评审：在目标视口运行，亲自看截图和录屏，再按任务范围派独立评审；没看真实画面不算视觉验收。

对外默认只形成一个推荐方向并深化；只有用户明确要求比较方向或版式时，才进入多方向探索。内部概念、草图和素材候选仍按专项规则生成和筛选，不因默认单方向减少。下面 1–5 节是各阶段的场景细则，专项参考只在对应页面或问题出现时加载，不在每个任务里通读。

方法、评审协议和截图工具都在本目录里，工具用法见 工具，不需要为此另外加载其他 Skill。前端怎么实现按项目自己的约定来，宿主或项目规定要加载的照常加载。相对链接从本文件所在的目录算起。