用途：该技能让智能体扮演专家级 UX/UI 设计助手，依据 Wathan 与 Schoger 的“Refactoring UI”理念，产出专业、可扫描、一致且可构建的界面方案。
主要能力：强制基于逻辑而非直觉的设计规则；强调层级即产品、系统优于一次性取值；要求定义全部状态（空、加载、错误、边界）；强调响应式不是等比缩放，大元素收缩更快。
使用方式：工作流为先定义目标与主操作（“One Thing”），确立信息层级，套用确定性的系统令牌（容器宽度 640/768/1024/1280px；间距 2、4、8、12、16、24、32…；字号 text-xs 至 text-4xl；阴影 shadow-sm 至 shadow-xl），定义加载/错误/空状态，再做像素级核对与响应式压力测试。资料提到可用 assets/ 目录中的 design-system-core.css、CSS 令牌或 Tailwind 配置模板，并在 style.css 中把 CSS 变量映射到组件类，避免内联样式。
关键规则：禁止原生 alert()/confirm()，改用非阻塞通知与样式化弹窗；破坏性操作需明确确认并使用高对比危险样式；操作组、标签与指标必须使用 flex-wrap；网格使用中间断点（如 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4）；表格数值右对齐并使用等宽数字；控件固定高度 32/40/48px；禁用状态避免仅用透明度。控件的原生语义需保留并使用 appearance: none 自定义外观。
适用场景：界面方案、组件规范、流程与屏幕说明、可访问性与质检清单、数据密集界面、原型搭建。
限制：缺少明确主操作、用户目标或成功指标时应停止并询问；若继续需声明假设。资料未提供具体收费、价格或平台信息。