用途:该技能用于在用户明确要求重设计前端并点名引用时,产出一份单一、声明式的前端设计规范,联合优化美学、动效与用户体验(UX)。
主要能力:先接收界面上下文,缺失时按中性通用产品处理;锁定一种美学方向与一种 UX 交互哲学;随后生成排版、配色、布局、背景与深度、动效及 UX 结构规范。排版规定正文 15–18px、标题按比例缩放、行高与字距范围,并禁用系统默认字体、Inter、Roboto、Arial。配色限定主色、辅色、强调色与中性基色,文字对比度≥4.5:1,交互元素≥3:1,强调色占比≤10%。布局使用单一间距基数,限定视觉权重分布与对齐轴数量。动效必须包含入场、层级强化与交互反馈,时长 180–420ms,每视口最多 3 个同时运动元素,禁止装饰性循环与闲置动画。UX 要求每屏一个主操作、1 秒内可识别入口、所有操作有即时反馈。
使用方式:仅在用户明确指示重设计前端并点名该技能时激活。执行后按量化评估循环对排版、配色、布局、背景、动效、UX 及跨维度和谐度打分,按权重计算总分,和谐度必须≥8。迭代时优先调整最低分维度,UX 低于 8 时优先处理,每次最多调整两个维度,最多 5 次迭代。最终输出单一规范,不含备选方案、解释或理论。
适用场景:需要系统性前端重设计规范、强调美学与动效及 UX 协同的界面设计任务。
限制:不生成代码、素材或模型;不用于概念讨论、编码实现、灵感参考或组件级设计请求;不推断品牌、受众心理或商业目标;不引用趋势、竞品或流行产品;不提供多选项,不解释决策理由。若激活条件不满足,输出无法激活的简短说明;若迭代后 UX 或和谐度仍不达标,输出无法在给定约束下生成满意前端的简短说明并终止。