SuperAPI AI 工具集

form-ux-design

设计与创作

查看项目

更新于 10-16 03:37

技能介绍

用途:为跨平台表单的设计、构建、评审与重构提供可复用的判断规则与工作流,覆盖 Web(Bootstrap 5 / Tabler + PHP)、Android(Jetpack Compose + Material 3)和 iOS(SwiftUI)。

主要能力:包含字段解剖、字段状态、输入校验(含异步校验)、错误状态、多步表单向导、网关屏与确认屏、提交流程、触摸目标与间距、无障碍要求(WCAG、ARIA、屏幕阅读器、键盘导航),以及常见表单类型的快捷模式。核心五条规则:标签始终放在输入框上方,不用占位符或浮动标签充当标签;默认单列,仅自然成对字段可用双列;渐进式披露,超过 7 个字段拆分为逻辑步骤;失焦时校验,错误信息需说明发生了什么、具体位置和如何修复,并配合图标而非仅靠颜色;减少摩擦,使用智能默认值、autocomplete 和自动格式化。产出物示例为 Markdown 格式的表单 UX 审计文档,如 docs/ux/form-audit-checkout.md。

使用方式:先阅读 SKILL.md,再按需加载 references/ 下的深潜文件,包括 web-form-components.md、android-form-components.md、ios-form-components.md、form-validation.md、form-accessibility.md 和 skill-deep-dive.md;按顺序应用检查清单与决策规则,而非挑选孤立片段。需先收集项目上下文、约束与具体问题,并确认交付物类型(设计、代码、评审、迁移计划、审计或文档)。可选辅助插件不得视为必需。

适用场景:需要跨平台表单设计判断、领域约束或成熟工作流的任务;不适用于与表单 UX 设计无关、或只需简单答案的任务。

限制:资料未提供价格、平台限制、具体安装命令或效果数据;不将所有参考文件默认全部加载,输出应保持面向执行、简洁,并与既有项目约定兼容,未明确处应标注假设、风险与后续工作。