用途：该技能用于满足完整 UI/UX 设计需求，从需求收集到风格、配色、字体、UX 准则、数据可视化与实现建议，所有推荐都按固定优先级过滤，确保无障碍与性能不因美观而被牺牲。
主要能力： 1）需求收集阶段识别产品类型、目标受众、平台、品牌规范、无障碍要求与性能预算，并需在与用户确认后再给出设计建议。 2）非协商优先级顺序：无障碍（WCAG 2.1 AA 最低，对比度普通文本 4.5:1、大文本 3:1，键盘导航，ARIA 标签，减少动效）＞触控目标（最小 44x44px，间距至少 8px）＞性能（WebP/AVIF、懒加载，CLS<0.1、LCP<2.5s、FID<100ms，font-display: swap 等）＞风格＞布局。 3）风格选择：提供针对 SaaS、作品集、电商、移动应用、落地页、企业、创意机构、健康、金融、儿童等场景的风格决策表，并给出玻璃拟态、极简、瑞士设计、粗野主义、新粗野主义、极多主义、新拟态、Material 3、黏土拟态、暗色、赛博朋克等风格特征。 4）配色与字体：按产品类型给出配色类别（SaaS/B2B、电商、健康、金融、创意、社交、教育、企业、儿童、奢华等），要求以语义令牌而非原始色值定义颜色；提供暗色模式重映射规则；列出前十字体组合及默认排版比例。 5）UX 准则：导航（主导航最多 7 项）、表单（标签在输入框上方、失焦校验、错误信息具体可操作）、反馈（超过 300ms 显示加载、骨架屏、Toast 规则）、内容布局（F 型/Z 型、每视口一个主 CTA）与移动规则。 6）实现阶段：按数据关系给出图表选型决策表；支持 React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind CSS、shadcn/ui、HTML/CSS 等技术栈；给出设计令牌架构（master、semantic、component 令牌与覆盖层）。 7）附带快速改进清单与常见反模式对照表（如禁用文本用 opacity、仅用占位符标签、模态套模态等）。
使用方式：资料未提供具体安装命令或调用方式，暂未提供。已知工作流为分阶段推进，并在需求确认、风格推荐、配色字体审批等节点要求停下征询用户。
适用场景：需要在多个平台上产出兼顾无障碍与性能的界面设计、配色与字体方案、图表选型及实现建议时。
限制：资料将本技能标注为 FLEXIBLE，其中风格建议可随情境调整，但无障碍与性能规则被强烈建议不应降级。具体版本、收费、价格、平台支持与效果数据未提供。