用途:为 React Native 应用提出并落地一套完整设计系统,输出为真实代码文件,不涉及具体页面。
主要能力:先读取 package.json、tailwind 配置、现有主题文件与 MOBILE-DESIGN.md,识别样式方案(NativeWind、StyleSheet、Tamagui、Paper),输出格式随其而定。随后以 SAFE/RISK 方式整体提案:SAFE 为品类基线(系统字体、原生外观、克制的中性色阶、平台常规圆角);RISK 为 2 至 4 项有意偏离,每项写明收益与代价。提案覆盖语义色令牌(background、surface、text-primary、text-muted、accent、border、destructive,含明暗两套值)、字号阶梯与 Dynamic Type 边界、间距、圆角与形状锁定、阴影令牌(iOS shadow 与 Android elevation 配对)、图标族与描边粗细、触感词汇、动效姿态与标志性元素预算。硬性规则包括:单一强调色、单一灰阶、默认饱和度低于 80%、首日即支持双模式、纯黑 OLED 仅作为明确声明的选择。
使用方式:可选提供单文件 HTML 预览(色板、字号、圆角与阴影样例,本地打开,不依赖外部请求或图像生成)。随后按识别到的栈写入文件:NativeWind 写 tailwind.config 主题扩展与 theme/tokens.ts;StyleSheet 写带类型的 tokens 与遵循 useColorScheme 的 useTheme() 钩子;已有令牌文件则扩展而非重命名。最后将提案、RISK 登记与令牌文件位置写入 MOBILE-DESIGN.md 的 Design System 章节。
限制:不生成界面;提案只给一套连贯系统而非多套备选;写入值必须可追溯到已批准提案;用户否决某项 RISK 时替换为 SAFE 版本并记录,不得静默保留。具体收费、平台与效果资料暂未提供。