SuperAPI AI 工具集

migrate-design-system

设计与创作

查看项目

更新于 10-16 08:06

技能介绍

用途:在自有设计 token 体系与外部设计系统之间双向桥接,支持三种方向——从外部系统迁入(采用其外观,重指向 semantic.*)、将自有组件接到外部基础(用自有 token 给对方面板做主题),以及按“审计→映射→桥接(别名层)→逐屏验证”流程迁移。

主要能力:先检查工具包是否就绪,命令为 ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING;若返回 KIT_MISSING 说明只装了技能目录(npx skills add 的典型结果),应明确告知用户并指向 npx ux-ui-agent-skills init 或插件安装,然后停止,不要臆测未打开文件的内容。随后读取 interop-protocol.md 的 Crosswalk Method 与 headless-vs-styled 指引;对 Material 3、Apple HIG、Fluent 2、Carbon、shadcn/ui、Radix 使用 crosswalk.md 的现成对照表,其他系统按角色/意图沿 6 个轴(颜色角色、字号层级、间距单位、圆角、阴影、动效)推导映射。最后对每个映射后的颜色对做对比度验证(scripts/contrast.py 或 a11y-audit),并确认 8 种状态与深色模式在映射后仍然成立。

输出:对照表(自有 token → 对方 token → 取值说明)、迁移时的桥接方案,以及经校验的 token 覆盖,通过 design-code 渲染。

限制:资料未提供具体收费、平台支持与版本兼容信息。