用途:在不同设计系统之间做迁移或互通,把外部设计系统映射到自有令牌系统,或让自有组件运行在外部基础之上。
主要能力:通过“交叉映射方法”按角色与意图在六个轴上对齐(颜色角色、字体比例、间距单位、圆角、高度/阴影、动效);内置 Material 3、Apple HIG、Fluent 2、Carbon、shadcn/ui、Radix 的整理映射表,其余系统用该方法自行推导。支持三个方向:外部→自有令牌(重指向 semantic.*,采用对方外观);自有→外部技术栈(用自有令牌为其基础组件设定主题);完整迁移按审计→映射→桥接(别名层)→验证逐屏推进。
使用方式:先阅读 .claude/skills/_ux-ui-shared/design-systems/interop-protocol.md,再查 crosswalk.md 中的映射表。验证环节需检查每个映射后的颜色对对比度(可用 .claude/skills/_ux-ui-shared/scripts/contrast.py 或 a11y-audit),并确认全部 8 种状态与暗色模式在映射后仍成立。输出为交叉映射表、桥接计划与经过验证的令牌覆盖,通过 design-code 渲染。
限制:资料未提供具体价格、平台支持范围、命令行安装方式及更多系统(Ant、Chakra、Mantine、Bootstrap)的预制映射表,这些需按交叉映射方法自行推导;实际可用性取决于本地是否已存在对应的 skill 文件与脚本。