用途：该技能用于按《Refactoring UI》（Adam Wathan 与 Steve Schoger）原则进行生产级 Web 应用 UI 设计，资料标注适用于落地页、仪表盘、认证页面、hero 区块、卡片等场景。
主要能力：提供一套设计工作流与规范。一是从功能而非布局入手，先用灰度稿、分轮次迭代；二是先建立系统，包括间距刻度（4/8/12/16/24/32/48/64/96 px）、字号刻度（12–72 px）、五级阴影刻度（按钮、卡片、下拉浮层、粘性元素、弹窗）；三是构建层级而非装饰，用主色、灰色、浅灰区分主次，强调靠字重与颜色；四是按光源在上原则合理使用深度与阴影；五是以细节收尾，如将项目符号换成图标、添加强调边框、设计空状态、少用边框改以阴影或间距。
色彩系统：需准备灰阶（8–10 档）、主色（5–10 档）与语义强调色（成功、警告、错误）。定义色阶时先选可作按钮背景的基色（500），再定边缘（100 作浅底、900 作文字），逐步补齐中间档位。建议使用 HSL 调整，明度极端处提高饱和度，向亮色调（60°、180°、300°）旋转色相；可对比度要求为正文 4.5:1、大号文字 3:1。
使用方式：资料中给出按主题查阅参考文件的映射，包括层级、间距布局、字体、颜色、深度、收尾细节等文件；具体加载或调用命令暂未提供。
限制与反模式：不要在有背景色的区域上使用灰字（应手选颜色）、内容不足时不要填满整屏、不要死守网格（固定宽度常更好）、避免分组外间距小于组内间距的模糊间距、避免不随尺寸缩放的相对尺寸、不要放大图标超出设计尺寸、不要仅靠颜色传递含义。