用途：这是 bkit-claude-code 流程的第五阶段（Phase 5），目标是构建可复用、平台无关的设计系统与组件库，让设计与开发使用同一套标准，减少重复开发和 UI 不一致。
主要能力：设计系统分为三层——设计令牌（颜色、字体、间距、圆角、阴影等）、核心组件（Button、Input、Card、Dialog、Avatar、Badge 等）和复合组件（Form、DataTable、导航、搜索栏等）。资料给出各平台的推荐实现工具：Web React/Next.js 用 shadcn/ui 和 Radix（CSS 变量），Vue 用 Vuetify、PrimeVue，Flutter 用 Material 3 自定义主题（ThemeData），iOS 用原生组件与 Asset Catalog，Android Compose 用 Material 3 的 MaterialTheme，React Native 用 NativeBase、Tamagui。设计令牌可用 Figma Tokens 或 Style Dictionary 集中管理，并生成各平台产物。
使用方式：以 shadcn/ui 为例，初始化与添加组件命令为 npx shadcn@latest init，npx shadcn@latest add button、input、card。主题通过 globals.css 中的 CSS 变量覆盖，Tailwind 配置中可扩展颜色、字体、间距和圆角。跨平台令牌转换使用 npx style-dictionary build，生成 Web 的 variables.css、Flutter 的 app_tokens.dart、iOS 的 AppTokens.swift、Android 的 AppTokens.kt。Flutter 侧提供 app_theme.dart 定义令牌与 ThemeData，以及 AppButton 等可复用组件示例。交付物包括 components/ui 下的组件、lib/utils.ts 及 docs/02-design/design-system.md。
适用场景：需要跨 Web 与移动端保持设计一致的项目；Starter 级项目可跳过，Dynamic 与 Enterprise 级为必需（企业级需包含设计令牌）。流程按 PDCA 推进：计划所需组件清单、设计结构与变体、实现与定制、检查一致性，最后进入 Phase 6 的 UI 实现与 API 集成。
限制：资料未提供该技能的具体安装、收费、价格或平台支持信息，也未说明执行环境要求；实际工具与命令以各官方文档为准。