用途：为移动端界面制定触屏优先的设计规范，适用于原生质感 Web 应用、PWA 以及 React Native/Flutter 屏幕。
主要能力：
- 设计上下文：先读取 .agents/design-context.md；缺失时从 tailwind.config.* 或 :root CSS 变量取令牌；再缺则用默认值（Primary #2563EB、Secondary #7C3AED、Accent #F59E0B、Tailwind gray、Inter、Minimal）并告知用户。可将令牌映射为 CSS 变量（--color-primary 等）或 Tailwind 主题；React Native/Flutter 映射到主题对象。
- 触控目标：最小 44×44px（Android 风格 48×48；WCAG 2.2 AA 24×24 为法律底线），目标间距至少 8px，可用伪元素扩展点击区。
- 底部导航：最多 5 个标签，3–4 个最佳；激活项用实心图标+主色，需带文字标签，不用汉堡菜单替代。
- 手势：滑动操作、下拉刷新（约 80px 触发）、长按、捏合、上滑；每个手势都要有单击替代。
- 安全区：env(safe-area-inset-*) 配合 viewport-fit=cover；全高布局用 dvh/svh 而非 100vh；不得禁用缩放。
- 排版：正文最小 16px，输入框 ≥16px 防 iOS 自动缩放；行长 35–50 字。
- 拇指区：主操作放底部，破坏性操作放顶部。
- 底部抽屉：拖拽手柄、最大 85% 视口高、点击遮罩或下滑关闭、作为模态对话框管理焦点。
- 表单：输入框 ≥48px 高，全宽单列，使用 inputmode 指定键盘类型，提交按钮吸底。
- 动效：时长低于 400ms，仅用 transform 与 opacity，尊重 prefers-reduced-motion。
使用方式：按需将规范套用到具体界面；文内提供 CSS/Tailwind 片段与 Playwright 截图验证命令，如 npx playwright screenshot --full-page --viewport-size=390,844 file://$PWD/index.html mobile.png。
限制：具体收费、价格与平台支持情况暂未提供；默认令牌为缺省方案，非唯一选择；原生应用需改用主题对象映射。