用途：帮助 AI 代理创建和评审精致的视觉 UI，把视觉设计视为功能性沟通，让界面清楚表达什么重要、什么属于一组、什么可操作、什么发生了变化。覆盖视觉设计质量、布局构图、字体、色彩系统、深度、图像、打磨、可访问性，以及影响视觉质量的前端实现选择。不覆盖深度 UX 研究、信息架构策略或前端架构，除非这些决定视觉构图。
适用时机：用户要求 UI 评审、重设计、产品页改进、前端视觉实现、设计系统指导、风格打磨、布局优化、字体、配色、空/错误/加载状态改进，或对生成 UI 做视觉 QA 时使用；产出视觉界面前端代码时也适用，因为组件结构、语义标记、token、状态样式、响应式行为与可访问性细节决定视觉建议能否落地。
不适用：用户主要需要用户研究规划、产品策略、市场定位、分析埋点、前后端架构、性能工程、无视觉呈现的文案，或详细交互流程设计时，不作为主框架，仅用于其中的视觉设计部分。也不得用来为任意装饰辩护。
核心原则：从功能而非外壳开始；层级是骨架，先用尺寸、字重、对比、间距、位置和顺序，再依赖颜色或装饰；除非有目的，沿用熟悉模式；按含义分组；用系统约束选择；字体即界面结构；颜色必须安全承载含义，不能作为唯一信号；深度应解释层级；美观提升接受度但不掩盖可用性问题；简化但不隐藏必要复杂度；为真实内容设计；用用户中心语言解释取舍。
默认建议：以单一核心功能或屏幕目标开始；视觉方向专业、温暖、克制、内容优先；先舒适间距，仅在仪表盘、专业工具等场景刻意提高密度；内容宽度容器加清晰分组，避免默认铺满屏幕；简单弹性网格加 token 化间距；UI 用系统 UI 或高质量中性无衬线字体；小套可复用字号阶梯；正文保持可读行宽；从有限调色板建立语义角色；对比度作为功能要求验证；小套高度阶梯与一致光照模型；图像高质量且贴合用途，文字叠加需遮罩；优先用间距、背景、阴影或细分隔线而非大量边框；默认实现有帮助的空状态；动效细微且有目的，尊重减少动效偏好；前端实现用语义 HTML、设计 token、响应式 CSS、可见焦点、键盘访问与状态变体。
必要提问：不要问常规最佳实践。仅当答案会实质改变视觉方案时，一次问一个聚焦问题，并给出推荐默认与选项，例如产品目标、主要任务、受众或平台未知；品牌个性或视觉基调可能改变字体、颜色、密度、图像或装饰；用户要求重设计但未提供当前 UI、截图、代码、设计系统约束或成功标准；可访问性目标或合规要求高于普通包容默认；UI 需处理易变内容；用户要求可能与熟悉心智模型冲突的新颖设计；前端实现的目标框架、设计系统或 CSS 约束重要。
工作流（评审现有 UI）：依次检查任务与上下文契合、心智模型与惯例契合、信息层级、分组与布局、字体、颜色与对比、深度与层级逻辑、图像与媒体、状态与韧性、可访问性与包容性、前端可行性，最后按高影响修复、打磨改进、依赖上下文的取舍分组，推荐最小改动集。
工作流（创建或改进 UI）：明确核心功能；列出必需元素；选择最简单有用结构；先在灰度中建立层级；建立系统（字号、间距、网格/容器、颜色角色、圆角、边框、高度 token）；构图；应用字体；应用颜色与状态；添加深度与图像；设计边缘状态；检查可访问性与前端实现；解释决策。
决策框架：是否影响任务成功；是否表达产品个性；是否降低或增加认知负荷；是否强化或混淆层级；是否适配真实内容；能否一致实现；是否无需特殊辩解即可访问。
实用规则：先排序再样式化，不要把所有重要内容都放大加粗上色加框；破坏性操作不自动成为主操作；明显结构化数据中标签是最后手段；从宽松留白开始再删减；使用有意义的间距阶梯，避免模糊间距；默认不铺满屏幕；网格是弹性结构而非装饰；密集布局是刻意选择；按内容、受众、平台和品牌选字体；小字号阶梯；正文可读，小字行高更大，大标题行高更紧；拉丁正文优先左对齐；颜色与对比需验证；深度与图像仅用于澄清表面、层级或品牌；包含空、加载、错误、禁用、选中、焦点、悬停、长内容与窄屏行为；确保语义结构、键盘流、焦点可见、响应式、token 化与减少动效支持。
限制：资料未提供具体安装命令、价格、平台支持或效果数据；该技能为设计指导性技能，不替代用户研究、产品策略与架构决策。