用途：这是一个迭代式 UI/UX 打磨工作流，适用于已能正常运行、已有基础样式的 Web 应用，通过反复微调提升视觉质量。也适用于套用特定设计模式（玻璃拟态、新拟态、Bento 网格）或进行无障碍审查。不适合用于：应用本身存在功能缺陷（应先修 bug）、样式方向根本错误需整体重做，或尚无基础设计系统的项目。
主要能力与要点： 1）迭代打磨：同一打磨提示重复运行 10 次以上，小幅改进可显著累积。 2）桌面与移动端分离：把两者当作独立模态分别优化，避免互相妥协。 3）设计模式：玻璃拟态使用 backdrop-blur-xl + bg-white/70 + 边框，兼顾层次与可读性；新拟态使用双向 box-shadow，浅色模式效果最佳，并加边框满足无障碍；Bento 网格用 CSS Grid 与 rounded-3xl 单元格，主单元格跨多行多列。 4）无障碍：遵循 WCAG 2.2 AA，文字对比度 4.5:1、UI 组件 3:1、点击目标 24x24px，焦点可见；支持 prefers-reduced-motion: reduce；使用语义化 HTML（如用 <button> 而非 <div role="button">）；兼顾键盘、语音与触摸等多种输入方式并容许误操作。 5）基础规范：一致的排版层级与间距节奏（按 4px、8px、16px 等设计令牌倍数），为所有交互元素提供悬停与聚焦状态。 6）动画与微交互：进入用 ease-out、退出用 ease-in，时长 100-300ms，优先使用 transform/opacity 以便 GPU 合成；按钮按下、开关、聚焦、成功/错误等微交互始终尊重用户的减少动效偏好。
常见错误：在功能未修复的应用上打磨；只做一次大改动而非多次小迭代；同时优化桌面与移动端；改动看起来很小就停止；对所有元素都套玻璃拟态；新拟态不加无障碍边框；忽略 prefers-reduced-motion；用带点击事件的 <div> 代替 <button>。
协作建议：可用 Task 智能体并行执行桌面与移动端打磨；用 Explore 智能体检查迭代是否破坏布局或无障碍；用 Plan 智能体先建立间距、排版与色彩规范；完整无障碍审查可交由无障碍技能处理 WCAG 合规、ARIA、焦点管理与屏幕阅读器测试。
限制：资料未提供具体安装命令、收费方式、支持平台及效果量化数据。