用途:帮助设计、构建或改进表单界面,核心目标不是收集尽可能多的字段,而是移除用户达成目标路上的障碍,提升完成率与用户信心。
主要能力:提供表单结构指导,包括字段顺序(先易后难、相关字段分组、可选字段置后)、标签设计(标签置于输入框上方、使用句式大小写、具体明确、辅助文字说明格式而非重复标签)、输入设计(宽度匹配内容、使用 type=email/tel/date 等类型、显示格式提示、支持自动填充)。多步表单方面,建议超过 6-8 个字段或主题不同时拆分步骤,显示进度、允许返回、保留已填数据、逐步校验但不阻止后退。校验策略涵盖时机(失焦校验、输入时仅用于即时反馈、提交时校验跨字段依赖、不对未触碰字段校验)、错误设计(错误信息置于字段下方、说明原因与修复方式、使用 aria-invalid 与 aria-describedby、保留输入、聚焦首个错误)与成功状态。另含移动端 UX(触控目标至少 44×44px、优化键盘、避免短列表用下拉框)与无障碍要求(label 关联、fieldset/legend、role=alert 或 aria-live、键盘可导航、不单靠颜色)。
使用方式:用户以 /forms 启动该工作流。技能激活后需加载 $frontend-design,其中包含设计原则、反模式与 Context Gathering Protocol;若尚无设计上下文,必须先加载 $setup。还需收集用户目标、真正必需的字段以及当前流程中的放弃原因。
适用场景:构建新表单、重设计表单流程、优化完成率与错误恢复体验。
限制:资料未提供具体平台、收费、价格或效果数据;文中引用的校验模式、实时校验 UX、错误恢复、禁用按钮 UX、组件解剖等参考文档内容未在资料中展开。