Files
CraftKit/plugins/dev/skills/form/SKILL.md
T

1.3 KiB

name, description
name description
form 设计或检查前端表单的分组、列布局、响应式、条件字段、只读展示、错误位置和可访问性。适用于表单结构调整与布局评审;接口设计、业务校验规则、组件契约猜测和完整页面实现不应触发。

表单结构设计

依据当前项目的真实组件契约和既有布局模式组织表单,不虚构组件接口、业务规则或固定列数。

工作流

  1. 检查框架版本、现有表单、布局样式、需求和目标设备。
  2. 从当前项目证据或 component 的查证结果取得表单组件契约。
  3. 按 布局规则 设计字段分组、标签、列、条件区域、操作区和响应行为。
  4. 按 评审清单 检查校验呈现、键盘操作、只读状态和小视口行为。
  5. 输出结构方案、采用的证据、待确认业务规则和剩余风险;只有用户要求时才修改现有表单文件。

边界

  • 不设计接口、字典或数据回填协议。
  • 不自行确定字段必填、条件显示或业务校验逻辑;需求不明确时列为待确认。
  • 不使用未经验证的组件、属性、事件或插槽。
  • 视觉令牌和 CSS 交给 style,完整业务页面实现交给前端实现 Skill。