用途：当用户要求构建或美化网页 UI（组件、页面、仪表盘、落地页、React/Vue/HTML-CSS 布局等前端界面）时使用本技能，目标是产出有辨识度、达到生产级水准的设计，避免千篇一律的 AI 风格。
主要能力与子技能：design-thinking 用于每个设计任务，定义目的、语气、领域、色彩世界、评审标准与跨领域视角；design-system 用于实现，涉及 token、排版、动效、色彩语义与背景；design-spatial 用于布局编排，含显式网格、8 点间距约束、视觉权重与平衡，以及渲染后再评审的视觉循环；design-ux 用于可用性审计，按 Nielsen 十项与交互启发式由独立评审打分并给出优先级修复清单；design-philosophy 用于高概念、活动或视觉哲学类需求。
必要用法与限制：任何网页 UI 在报告“完成”前，必须渲染并由独立评审者针对图像（而非代码、非自评）进行批评。强制横向溢出检查：在约 390px 与约 1024px 宽度下测量 document.documentElement.scrollWidth - document.documentElement.clientWidth，确认结果为 0；建议在 header/toolbar 行使用 flex-wrap:wrap 并设置 body{overflow-x:clip}，向横向行添加元素后需重新测量。涉及 LLM 的设计工作须在运行前说明所用模型与预估成本，运行后在输出中标注模型、实际成本与关键参数（如 seed）。UI 展示算法或模型时，应给出排版后的核心公式并逐项标注符号，同时说明判定规则。任何“全选”控件必须配有清除选择的方式，通常为同一按钮在全部选中时切换为“取消全选”，且取消范围需与全选范围一致。视觉素材可生成或检索，并用 design-thinking 的输出指导提示词或查询。资料未提供具体安装命令、收费与价格信息。