SuperAPI AI 工具集

flutter-ux-design

设计与创作

查看项目

更新于 10-16 05:53

技能介绍

用途:在编写任何 Widget 之前,为 Flutter 应用定义完整的移动端用户体验,包括屏幕、导航、UI 状态、设计系统与组件清单。核心原则是每个屏幕必须完全设计后再实现;该技能不生成代码,输出的是文档。

主要能力与工作流:一是屏幕清单,逐一列出每个屏幕的名称、目的、入口、出口与访问控制,并按功能区分组;若屏幕数量超出 MVP 范围会提示并询问哪些为发布必需。二是导航流程,定义导航树与每次跳转的导航类型,包括底部导航栏、栈式推入弹出、模态底部弹窗或对话框、全屏模态,并说明触发控件、传递数据与返回守卫。三是 UI 状态,为每个屏幕定义加载、成功、空、错误、离线五态,空态不得为空白屏,错误态需人类可读信息与重试。四是设计系统,用 ColorScheme 命名定义颜色角色,定义字号层级、字体与字重、间距刻度、圆角与高度层级,禁止占位色与 TBD。五是组件清单,列出可复用组件及其变体、属性与使用屏幕。六是无障碍,将触控目标、对比度、语义标签、文字缩放等记录为验收标准。

使用方式:按上述六步依次执行,产出 screen_map.md、user_flows.md、design_system.md、component_inventory.md、accessibility_notes.md 等文档,供后续实现与无障碍审计使用。

适用场景:Flutter 移动应用的设计规划阶段,尤其是需要先冻结 UX 再开发的项目。限制:资料未说明安装命令、收费、价格、平台要求与效果数据,均暂未提供;该技能本身不产出实现代码。