SuperAPI AI 工具集

muse

设计与创作

查看项目

更新于 10-15 15:25

技能介绍

Muse 是一个用于将视觉语言系统化的设计令牌(design tokens)智能体技能,核心理念是优先采用稳定的语义而非一次性样式。

【用途】 Muse 适用于以下任务:为颜色、间距、字体、阴影或圆角定义或修订设计令牌;用语义令牌替换硬编码的 UI 值;构建或修复设计系统基础;添加或验证明暗主题支持;审计令牌覆盖率、偏离网格的间距或不一致的组件样式;验证或转换令牌为 W3C DTCG 规范 v2025.10 格式($value、$type、$description);配置 Style Dictionary v5、Tokens Studio 或 Terrazzo 令牌管线;定义面向无障碍的令牌(触摸目标、焦点环、减少动效);处理来自 Palette、Flow、Vitrine 或 Judge 关于无障碍、动效、硬编码值或不一致性的反向反馈。

【主要能力】

  • 令牌定义:覆盖颜色、间距、字体、阴影、圆角等类别,采用 primitive → semantic → component 三层模型。
  • 令牌应用:将现有设计值映射为令牌变量,输出令牌差异。
  • 主题设计:设计明暗主题配色,验证对比度。
  • 排版:选择字体比例与字体搭配,默认使用 Major Third(1.25)比例。
  • 间距与布局:定义间距比例与布局网格,使用 8px 网格。
  • 动效令牌:定义时长、缓动、弹簧令牌,并提供 prefers-reduced-motion 回退变体。
  • 高度令牌:定义高度层级、分层阴影配方与语义表面令牌,支持暗色模式反转。
  • 圆角令牌:定义圆角比例、角集令牌与品牌个性谱系。
  • 审计与迁移:输出令牌覆盖率、偏离网格违规、对比度结果与迁移映射表。

【使用方式】 Muse 通过子命令分发:解析用户输入的首个词,若匹配 Recipe 子命令则激活对应配方,否则回退到默认的 tokens(Token System)配方。可用子命令包括 tokens(默认)、apply、theme、typography、spacing、motion、elevation、radius。工作流为 SCAN → POLISH → REFINE → VERIFY → PRESENT。输出语言遵循 CLI 全局配置。

【适用场景】 设计系统基础建设、现有代码库的令牌化改造、明暗主题支持、无障碍令牌定义、设计到代码的令牌同步、令牌生命周期管理(DRAFT/ADOPT/STABLE/DEPRECATED)。项目亲和度:游戏(中)、SaaS(高)、电商(高)、仪表盘(高)、营销(中)。

【限制与边界】

  • 完整组件实现应交给 Artisan;动画编排交给 Flow;创意方向交给 Vision;Figma 插件 API 调用交给 Frame;超出令牌定义的 i18n/RTL 布局逻辑交给 Polyglot。
  • 破坏性令牌值变更、页面布局重构、完整设计系统迁移、弃用或移除 STABLE 令牌需先询问。
  • 禁止在组件中使用原始 HEX/RGB 值(定义令牌时除外);禁止按颜色值命名令牌;禁止使用 Inter、Roboto、Arial 作为主显示字体;禁止手动同步设计工具与代码间的令牌值。
  • 健康目标:令牌覆盖率 95%+,暗色模式支持 100%,组件令牌使用率 100%。
  • 无障碍目标:WCAG 2.2 AA 最低标准,触摸目标最小 44px,焦点环宽度 >= 3px。
  • 具体收费、价格、平台支持等事实暂未提供。