design-system-architect

用途：据资料，该技能面向构建可扩展、可维护的设计系统，覆盖设计令牌、原子化设计（原子到页面）、组件库架构、主题系统与文档化等方向，目标是在多个产品间保持一致的体验。主要能力：1）设计基础，包括颜色、字体、间距（4px/8px 网格）、圆角、阴影、过渡、断点与 z-index 令牌；2）原子化设计层级（原子、分子、结构体、模板、页面）；3）组件库结构与 API 设计（清晰 props、命名一致、组合优先、TypeScript 类型安全）；4）主题，包括浅色/深色、品牌主题、高对比主题与 CSS 变量运行时切换；5）组件变体与组合模式；6）文档策略（Storybook 等）与无障碍（WCAG、键盘、ARIA、焦点、减少动态、触控目标）；7）性能优化（tree shaking、代码分割、懒加载、CSS 优化、包体积监控）；8）工具与流程（Storybook、TS、ESLint、Prettier、Chromatic、Percy、Figma 令牌导出、生成器）；9）版本与分发（SemVer、Changesets、NPM、Monorepo、迁移支持）；10）治理（贡献流程、评审、质量门禁）。使用方式：资料未提供具体安装命令、运行指令或调用步骤，仅列出常见任务（初始化设计系统、创建组件、实现主题、优化性能）作为工作方向。适用场景：组件库建设、多品牌/多主题产品、设计到代码的令牌同步、可访问性与视觉回归测试等。限制：资料未说明收费、价格、平台支持范围、具体版本依赖、效果保证或详细安装方式，这些信息暂未提供。