用途:当任务涉及 UI/屏幕设计、组件设计、信息架构、设计系统、视觉层级、布局结构、调性风格,或处理设计文件与设计相关命令时启用该技能。
核心原则:UI 不是艺术,而是决策支持,目标是帮助用户尽快达成目标;将重复的 UI 模式组件化,用 token 防止不一致;完整规格需覆盖加载、错误、空、禁用等状态。
设计理念:优先排序,区分用户首先看到与可以等待的内容;不要堆砌信息,用渐进式披露分阶段呈现;必须定义正常、加载、空、错误、无权限等状态;通过组件、token、间距与字体规则保证一致;规格要精确,不留给实现者歧义。
使用时可先澄清:屏幕目标与成功标准、主要用户画像与使用场景、主操作、边界情况(空、错误、权限、慢网络)、复用范围(页面专属还是跨页面)。
输出顺序:屏幕目的与成功标准;信息架构(优先级与结构);组件提案(职责、props、状态);token 与样式指南(颜色、间距、字体);边界状态规格(空、错误、加载);后续行动(原型到实现)。
限制与常见问题:边界状态未定义会导致临时实现;视觉不一致未沉淀为 token 会产生魔法数字;屏幕目的不清会导致元素膨胀。资料未提供收费、价格、平台等进一步信息。