该技能定位为 UI/UX 设计指导,用于视觉决策、配色、排版和布局,目标是产出独特、无障碍且经过深思的界面。其核心是一条关键设计决策协议:在做任何设计决定(颜色、字体、字号、布局)之前必须先询问用户,未获明确指示不得实施设计改动;应向用户呈现替代方案与取舍,而非单一“正确答案”。
主要能力与理念:强调跳出通用训练数据模式(避免“Claude 风格”、千篇一律的 SaaS 美学),从现代落地页、Framer 模板、品牌设计工作室与历史设计运动(如包豪斯、Otl Aicher、Braun)中汲取灵感,但只作启发不作模仿。主张以收敛求简洁、材质诚实(用颜色/间距/字体表达可点击性而非阴影,卡片用边框与背景区分)、功能性分层、对细节与统一设计语言的追求,以及“技术的隐形”。
涉及范围包括:色彩体系(4-5 个中性色 + 1-3 个强调色的结构、应用规则、悬停/聚焦/禁用状态、WCAG 2.1 AA 对比度要求);排版(2-3 款字体、三种字重上限、数学化字号比例如 1.25x、行高 1.5、45-75 字符行长、字距与字体配对、按钮/表单/占位符等 UI 排版规范);布局与留白、网格纪律;动效(目的性、缓动、100-500ms 时长分级、只动画 transform/opacity、尊重 prefers-reduced-motion);以及直接操作、即时反馈、行为一致、容错等 UX 模式。
使用方式:作为设计类技能,在设计中按上述规范执行,但严格执行“先询问后实施”。文中引用了 DESIGN-SYSTEM-TEMPLATE.md 与 MOTION-SPEC.md 作为延伸参考。限制方面:资料未说明其支持的平台、集成方式、安装命令、收费与价格信息,这些暂未提供;其规范多为设计指导原则,未给出具体项目的完整实现步骤。