SuperAPI AI 工具集

thumb-first-design

设计与创作

查看项目

更新于 10-15 23:48

技能介绍

用途:thumb-first-design 是 thumb-first 移动套件中的设计判断层,负责决定移动端应采用什么模式以及为什么,不涉及具体实现代码。其判断适用于 CSS、SwiftUI 或 React Native 等不同实现方式。

主要能力:提供两种模式。规划模式用于在写代码前设计某功能的移动 UX;审计模式用于对照最佳实践评审现有移动设计。技能通过八个命名视角进行推理,包括人体工学现实主义者、拇指区域映射者、聚焦强制者、直接操作、导航分类学者、经验怀疑者、现代工艺、平台规范,权重随上下文变化。

使用方式:可通过 /thumb-first-design plan 或“设计此功能的移动 UX”等触发规划模式;通过 /thumb-first-design audit 或“评审此移动屏幕”等触发审计模式。若需将本判断审计与平台审计合并为一份报告,可运行 /thumb-first。审计默认输出 HTML 报告,可参考 report-template.html 模板。

适用场景:适用于移动端功能规划、导航模式选择、表单与输入设计、手势与动效、内容优先级与注意力、触达与人体工学等设计决策。

限制:本技能只做设计判断,不写实现。响应式 CSS 应使用 responsive-craft;移动 Web/PWA 技术缺陷应使用 thumb-first-platform;React Native/Expo 应使用 native-mobile 技能。平台导航规范目前处于过渡期,iOS 26 与 Material 3 均未定型,应视为变动目标而非既定规范。当设计选择存在多个有效答案时,应呈现 2-3 个选项及权衡,而非静默默认。平台未明确时需说明假设并标注 iOS 与 Android 的差异。