用途：该技能聚焦用户界面设计、用户体验优化、无障碍合规与设计系统实现，适用于 Web 应用、VS Code 扩展、移动应用和桌面软件，形式为系统化设计审计、无障碍验证与设计系统落地。
主要能力：提供决策表与检查清单，覆盖排版（正文最小 11px、UI 14px）、对比度（普通文本 ≥4.5:1、大文本 ≥3:1）、触控目标（最小 44×44px，推荐 48×48px）、颜色反馈不可仅靠颜色、图片需 alt 或 aria-label、间距采用 8px 基准、焦点需可见（:focus-visible 轮廓 ≥2px）等。按 WCAG 2.1 AA 的可感知、可操作、可理解、健壮四类给出核对项，并给出 CSS 变量、ARIA 进度条、无障碍按钮、语义化卡片等模式，以及 React 19 表单与乐观更新、shadcn/ui 风格组件写法。
使用方式：分三阶段——视觉评估（排版、间距、颜色、触控目标审计）、无障碍评估（键盘导航、屏幕阅读器、语义 HTML、色盲安全）、设计系统实现（提取设计令牌、创建 CSS 变量、替换硬编码值、编写文档）。可用 grep 提取 font-size、margin/padding、颜色值，计算基准单位后建立令牌；测试可用 axe DevTools、Lighthouse、WAVE、Pa11y 及手动清单（Tab 遍历、200% 缩放、高对比度、色盲模拟）。
适用场景与限制：适合需要统一视觉规范与无障碍合规的前端与扩展项目。资料未提供该技能的安装命令、收费方式、平台支持范围与效果数据，暂未提供。