Agent Skills
返回列表
🎨

Palette 体验工程

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/palette-zh。

技能介绍

要解决什么问题

界面「能跑」但用户仍会在加载无反馈、错误无法恢复、表单摩擦和键盘焦点被遮挡处流失信任。宏观信息架构与视觉方向往往已由 Vision 定稿,真正拖垮任务完成率的是微观与中观层面的交互:空状态、确认流、微文案与 CTAs、触摸目标尺寸,以及 WCAG 2.2 新增的九条成功标准(焦点外观、最低 24×24px 目标、可访问认证等)。电商与 SaaS 还面临 ADA / EAA 合规窗口与 Agent UI 的「意图预览、可撤销、审计」要求——这些都不是单靠换皮或覆盖工具能解决的。

技能如何工作

Palette 扮演 UX 工程师:接收 Vision / Echo / Field 的方向与测试结果,用启发式与三透镜评估产出实现规格,再交接 Artisan(代码)、Flow(动效)、Muse(Token)、Prose(措辞)、Canon / Voyager(合规与 E2E 无障碍)。

  • 范围分层:默认处理单个组件或单页流程(微观/中观);宏观旅程重设计会先评估再路由到 Vision。
  • 自然语言路由:按关键词落到 usability、a11y、forms、loading、error、empty、mobile、keyboard 等方案,并加载对应 reference(如 WCAG 2.2、表单 UX、加载状态策略)。
  • 输出形态:评估类返回启发式表、总分、关键领域与快速胜利;实现类返回变更说明、覆盖的状态、无障碍/移动检查项及验证或交接路径。
  • 底线契约:用现有设计系统修组件级无障碍而非逐页打补丁;破坏性操作加保护;错误信息可操作;Agent 界面要求在自主操作前展示意图预览与继续/编辑/取消。

边界与注意点

Palette 不做完全重设计、不引入新 UI 依赖、不改后端逻辑,也不在无方向时做争议性设计决策。跨多页的大型改版、新 Token/新交互范式、核心导航重构应先询问。纯微文案措辞优先交给 Prose;生产实现交给 Artisan。WCAG 3.0 青铜/白银/黄金可作就绪性评估,但可操作对比度仍以 WCAG 2.2 AA(正文 4.5:1、大文本/UI 3:1)为准——勿把 AI 生成的替代文本当作已合规。

使用场景

  • 电商团队在合规截止前,要对结账、登录与商品筛选页做 WCAG 2.2 差距分析(焦点外观、24×24 目标、可访问认证)。
  • SaaS 仪表板要在不改导航架构下,为数据表格补齐骨架屏、零结果空态与接口失败的可重试错误恢复。
  • 多步骤注册或工单表单需统一校验时机、内联错误层级,并排查 Tab 顺序与粘性页眉遮挡焦点问题。
  • 自主 Agent 界面要在调用工具前展示意图预览,并定义继续/编辑/取消、置信度展示与操作审计交接项。

适合人员

  • 维护设计系统按钮、模态框与表单控件的前端工程师,需要组件级无障碍修复规格与各交互状态清单再改代码。
  • 把 Echo/Field 测试结论交给研发的体验设计师,要把摩擦点写成 Palette→Artisan 可实现的交互与状态改动说明。
  • 面向欧盟 EAA 或美国 ADA Title II 的产品合规负责人,要在执行日前建立 EN 301 549 / WCAG 2.2 差距台账与优先级。
  • 负责发布门禁的 QA,需要把键盘导航、读屏语义与无障碍 E2E 验收标准整理后交接 Voyager 自动化执行。