用途：为 KKOOKK 前端开发提供统一设计系统规范，覆盖 Tailwind CSS v4.0 样式、KKOOKK 专属布局与交互、无障碍（a11y）特性以及移动端优化 UI 的构建。
主要能力：
- 设计原则：Tactile Certainty（物理反馈）、Paperless Freedom（移动优先、免安装 PWA）、Human Bridge（连接价值）。
- 组件库：以 shadcn/ui（Radix UI + Tailwind）为基础，按需安装，例如 npx shadcn@latest add button dialog ...，组件复制到 src/components/ui/ 后可自由定制；未经批准不得引入其他 UI 库。
- 配色：自定义颜色在 frontend/src/assets/styles/index.css 中用 @theme 定义。主 CTA 用 bg-kkookk-orange-500（#FF4D00）；Owner 用 bg-kkookk-indigo、text-kkookk-steel；Customer 用 bg-kkookk-sand、text-kkookk-yellow；背景 bg-kkookk-paper（#FAF9F6）；文字 text-kkookk-navy（#1A1C1E）。shadcn 组件用 bg-primary 等 CSS 变量，自定义组件用直接颜色类。
- 排版：字体 Pretendard Variable，含 Display Hero（text-6xl/800）、Heading 1（text-2xl/600）、Body 1（text-base/500）等层级。
- 无障碍：对比度达 WCAG AAA 7:1，触控目标最小 56px（h-14），所有交互元素需 focus:ring-4 focus:ring-kkookk-orange-500/50，表单需 label 与 ARIA 属性。
- 动效：使用 Framer Motion 实现印章冲击、页面切换、模态上滑、轮询脉冲等。
使用方式：按类组织顺序（布局、间距、尺寸、排版、颜色、效果、状态）编写类名；条件类用 twMerge；同一类组合出现 3 次以上应提取为组件或 @layer utilities 工具类；CTA 需 300ms 防双击；页面按 Owner/Customer/Terminal 三类规范设计，移动优先以 375px 为基准。
适用场景：KKOOKK 的 Owner 后台、Customer 钱包页与 Terminal 终端页等前端开发。
限制：资料未提供该技能的安装方式、收费、价格与平台支持信息；不得擅自引入其他 UI 库。