☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
请为以下表单字段生成5类提示词——每类对应一个技术视角，不重复、不抽象，带具体触发条件和输出示例；email、phone、password、nickname字段需分别覆盖用户输入校验、ui反馈、无障碍访问、国际化适配、后端协同，且每条提示词含可操作动词、明确拒绝原因、长度≤22字，并通过aria-describedby绑定、locale占位符、422错误码匹配等四步校验。
你需要让cursor生成前端表单规则提示词，且覆盖用户输入校验、ui反馈、无障碍访问、国际化适配、后端协同这五个关键角度，而不是只写“必填”“格式错误”这类泛泛而谈的句子。
明确表单字段语义与业务约束
打开Cursor编辑器，新建一个空白文件，标题命名为form_rules_prompt.md。这一步必须做，否则后续所有提示词缺乏上下文锚点。
在文件首行写下：「请为以下表单字段生成5类提示词——每类对应一个技术视角，不重复、不抽象、带具体触发条件和输出示例」。这句话是Cursor理解多角度要求的【唯一指令锚点】，漏掉会导致它默认只输出通用文案。
紧接着用代码块列出真实字段（非伪代码）：
email: 用户注册邮箱，需验证域名有效性（如拒绝 @qq.com 但允许 @gmail.com），且后端已启用SMTP预检； phone: 中国大陆手机号，支持+86前缀，不允许空格或横线； password: 至少8位，含大小写字母+数字，不含常见弱密码子串（如123456、password）； nickname: 2–12个汉字/英文字母/下划线，禁止emoji和全角符号。
分角度生成提示词模板
方法一：触发条件+文案+技术说明三段式
对每个字段，按顺序写出5个角度的提示词，用→连接逻辑链：用户输入→前端实时校验触发→生成对应提示文案→该文案如何被其他系统消费。例如email字段的无障碍角度：用户用键盘Tab聚焦到邮箱框→屏幕阅读器读出「邮箱地址需为有效商业域名，例如name@company.com，当前输入xxx@qq.com不被接受」→该字符串直接绑定aria-describedby属性。
方法二：用角色代入法强制区分视角
在Cursor中输入指令：“你现在是前端工程师，请写UI反馈角度的提示词；切换身份，现在你是W3C无障碍专家，请重写同一字段的提示词”。角色切换能打破语言惯性，避免五个角度文案高度同质化。注意：【每次切换后必须清空对话历史再发新指令】，否则Cursor会沿用上一轮的语义偏好。
方法三：反向约束生成
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
先写一条绝对不能出现的提示词作为负面样本：“邮箱格式错误”，然后命令Cursor：“生成5条提示词，每条都必须包含可操作动词（如‘请更换’‘请补全’）、明确拒绝原因（如‘QQ邮箱暂未开通验证通道’）、且长度控制在22字以内”。这种否定式引导比正向描述更易获得差异化结果。
校验提示词是否真正多角度
第一步：把生成的全部提示词复制进Excel，A列写字段名，B列写角度类型，C列写文案内容。
第二步：筛选B列为“国际化适配”的所有行，逐条检查是否含locale占位符（如{{error_email_domain}}）和fallback机制说明（如“若zh-CN缺失则回退至en-US”）。缺任一项就不是真国际化。
第三步：随机选3条UI反馈类文案，在Chrome开发者工具中模拟focus→blur事件，观察是否能直接赋值给element.title或aria-live区域。不能直接用的文案立刻标红删除。
第四步：把剩余文案按角度分组，每组挑1条，粘贴进Cursor并提问：“如果后端返回status=422且detail=[{‘field’:‘email’,‘code’:‘domain_blocked’}]，这条提示词能否无修改匹配该错误码？”回答“否”的立即重构。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
