【必须】按字段粒度逐条声明校验维度：非空、格式、长度、枚举、依赖联动、异步唯一性；字段名 → 校验维度(约束细节)；异步字段需标注触发时机与降级逻辑；tech锚定框架与组件库版本；用真实报错日志驱动规则生成，输出严格对齐目标UI库的rules结构。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让Codeium生成可直接嵌入React或Vue项目的表单校验规则，但提示词写成“帮我写个登录表单验证”后，它返回的正则里邮箱没加@符号、密码强度没限制特殊字符、手机号用\d{11}硬匹配导致无法识别+86前缀——根本没法过PR评审。
先锁定校验维度再填具体规则
第一步：在提示词开头用【必须】句式强制拆解校验类型，例如：【必须】按字段粒度逐条声明校验维度：非空、格式、长度、枚举、依赖联动、异步唯一性。不写这句，Codeium会把“用户名”和“确认密码”混在同一段正则里，漏掉跨字段一致性检查。
第二步：对每个字段单独列一行，格式为“字段名 → 校验维度(约束细节)”，例如：email → 格式(符合RFC 5322，支持+号分隔和子域名)，password → 长度(8～20位，含大小写字母、数字、1个特殊字符)，confirmPassword → 依赖联动(值必须等于password字段)
第三步：遇到需异步验证的字段，必须标注触发时机与失败降级逻辑，例如：username → 异步唯一性(提交时调用/api/v1/check-username，HTTP 409时显示“用户名已被占用”，超时3s后自动降级为本地正则校验)
立即学习“前端免费学习笔记（深入）”；
绑定真实组件库与框架行为
方法一：在提示词末尾追加技术栈锚点，格式为“tech: React 18 + Ant Design v5.12 + Formik 2.4”，并强调【必须】复用Ant Design内置validator（如isEmail、isMobile）而非手写正则。漏掉版本号会导致它引用已废弃的Form.Item.validateStatus属性。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
方法二：针对Vue场景，写明“tech: Vue 3 + Element Plus 2.3 + VeeValidate 4.8”，并补一句：所有rules对象必须返回Promise
这一步操作起来很简单，直接把项目package.json里对应库的版本号复制粘贴就行。
用真实报错日志反向驱动规则生成
第一步：从Sentry或前端监控平台复制一条真实的表单校验失败堆栈，例如：“Failed to validate field ‘phone’: TypeError: Cannot read property ‘test’ of undefined at validatePhone (utils/form.js:42)”
第二步：把这整行日志原样塞进提示词，并紧跟一句：“请基于该错误定位，生成修复后的phone字段校验规则，要求：① 先判断输入是否为字符串类型；② 再执行正则匹配；③ 错误消息必须包含原始报错中的‘phone’字段名”。
第三步：指定输出格式为JSON Schema片段，字段名、type、pattern、errorMessage必须严格对齐Element Plus的el-form-rules结构，不要额外添加description或default字段。
