用途:在构建输入与校验时使用,指导字段布局、标签、校验时机、错误恢复、自动填充、键盘流程和多步提交。
主要能力:给出默认做法——单列布局、每个字段上方常驻标签、真实 <form> 元素、先失焦校验再在出错后改为输入时校验、错误直接渲染在对应字段下方。提供各字段类型配方(email、password、OTP、phone、number、date、search、select、file、textarea、address 等)的 type、inputmode、autocomplete 令牌、校验时机与错误文案参考。
使用方式:在项目已有的表单栈内工作,识别 React Hook Form、Formik、TanStack Form、原生 FormData 加 server action 或手写 useState,并复用已有的 schema 层(Zod、Valibot、Yup)与 <Field>/<FormItem> 包装器,把校验接入现有 resolver,避免第二套校验库或与服务端 schema 不一致的客户端规则。
适用场景:需要构建可访问、可自动填充、键盘友好且支持多步提交的表单时。
限制:该技能负责构建层面(布局、时机、autofill 令牌、提交处理);tab 顺序、焦点管理、:focus-visible、ARIA 与 live-region 播报属于 a11y 技能。资料未提供具体安装命令、收费或平台信息。