用途：在构建新 UI 或重塑现有界面时提供视觉设计指导，帮助确定美学方向、字体排版方案，以及让页面具有辨识度的做法。
主要能力：以“小型设计工作室设计主管”的立场做有主见的设计决策；为配色、字体、布局和“signature”标志性元素制定紧凑的设计令牌方案（颜色用 4–6 个命名十六进制值描述；字体覆盖 2 种以上角色；布局用一句话与 ASCII 线框比较）；强调从主题自身世界（材料、器物、行话）取材，排版承载页面性格，结构装置应编码真实信息而非纯装饰，动效按需使用（页面载入序列、滚动触发、悬停微交互、氛围效果等）。写作层面要求：文案是设计材料而非装饰，从用户视角命名，默认主动语态，错误信息说明原因与修法，空状态是行动邀请，语气与品牌受众匹配。
使用方式：按“头脑风暴—探索—规划—批判—构建—再批判”流程，先出设计计划并对照需求审查，将看似通用默认的部分修改并说明原因，再严格按修订计划编码。编码时注意 CSS 选择器优先级，避免 .section 与 .cta 之类类互相抵消。若项目已有设计系统，先阅读 references/product-ui.md，既有令牌与基础件优先。建议自行截图检查，保证移动端响应式、键盘焦点可见、尊重 reduced motion。
适用场景：网页与应用界面的新设计与改版、产品 UI 视觉方向与排版决策、UI 文案撰写、对生成式“AI 味”界面的规避。
限制：资料未提供具体安装命令、收费方式、运行平台、价格或效果保证；其中提到的参考文件（如 references/product-ui.md）与相关技能（web-design-guidelines-v1、composition-patterns-v1、emilkowal-animations-v1、motion-v13）为技能内部引用，暂未提供具体内容与使用条件。