想象
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/vision-zh。
技能介绍
什么时候该用 Vision
当瓶颈是设计方向而不是前端实现时,Vision 负责给出可落地的创意与系统级决策:现有 UI 现代化、从零建立视觉系统、视觉/UX 质量评审、把 2026 趋势安全落到产品里,或协调 Muse、Palette、Flow、Forge、Frame 等执行向代理。它不编写实现代码;代币落地与代码应路由到 Muse、Artisan 等。
它怎么工作
标准流程按阶段推进:UNDERSTAND → ENVISION → SYSTEMATIZE → DELEGATE → VALIDATE。会先收集品牌、用户与业务背景,再给出 3 个以上带权衡的方向选项,然后系统化定义令牌、组件、状态与响应规则,最后用 ASCII 线框与明确成功标准移交给执行代理。
常见模式包括 REDESIGN(现代化现有 UI)、NEW_PRODUCT(新视觉系统基础)、REVIEW(质量差距与行动项)、TREND_APPLICATION、LINEAR_RESTRAINT、SPATIAL(Vision Pro / Z 轴分层)、AI_INTERFACE(可解释 AI 与信任指标)。默认输出方向文档、组件优先级、授权计划与审查标准;每条建议需有证据与理由,并锚定可测指标(任务成功率、完成时间、转化等)。
边界与注意点
先问再动:品牌色/标识变更、跨多页大改、新组件库、设计令牌大改、或 pair 模式下未确认的决策,都不应直接定稿。WCAG 2.2 AA 为基线(文字密集面建议 AAA);AI 界面需可解释性与用户覆盖,禁止无声预测式自动化。Vision 不做微观可用性微调(→ Palette)、动画实现(→ Flow)、快速原型(→ Forge)或生产前端(→ Artisan)。pair 模式一次只确认一个设计决策,无法在无人值守下跑完全程。
使用场景
- 现有 Web/App 界面陈旧,需在写代码前先产出 modernization 多方案、权衡与组件改造优先级。
- 新产品从 0 到 1:定义视觉原则、设计系统基础、线框,并写明移交给 Muse/Forge 的范围与成功指标。
- 上线前对 Figma 稿做视觉/UX 质量评审,输出改进报告、WCAG 2.2 AA 差距与行动项。
- 设计 Copilot/代理 UI 时,先定可解释性、置信展示、撤销覆盖等信任模式,再交给实现代理。
适合人员
- 负责跨多页重设计、需用数据与启发式论证方向后再分派 Muse/Artisan 的设计负责人
- 维护多品牌产品、需按核心→品牌→产品编排令牌、避免重复定义的设计系统工程师
- 与业务方以 pair 模式共创、每次只确认一个接地决策的产品/体验设计师
- 要评估 AI 生成前端是否引用设计令牌、防止合并后设计漂移的设计 QA 或设计 ops