必须用三元组指令锁死动作骨架、强制结构化为编号动作链、注入真实数据锚点防编造、校验输出是否可交付开发四步法。第一步指定技术栈版本与禁用范围；第二步要求6项带圈数字编号的线性指令；第三步绑定字段唯一性并插入CSS类名校验规则；第四步核查行数、文件名、权限逻辑及Tailwind类名合法性。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要让DeepSeek输出真正能逐条照着做的清单式操作步骤，必须切断它生成解释性文字、归纳性结论或模糊建议的路径，只保留带明确动作主体、可验证结果、含前置条件的线性指令。
第一步：用三元组指令锁死动作骨架
在提示词开头写死“你作为资深前端架构师→生成一份可执行的HTML/CSS/JS页面开发清单→基于Vue 3.4 + TypeScript 5.4 + Tailwind CSS 3.4,禁用任何框架外的第三方UI库”。
这一步漏掉技术栈版本，模型会默认用Vue 2或React 18，【生成的清单将无法在项目里直接运行】。
动词必须是“生成”，对象必须是“可执行的HTML/CSS/JS页面开发清单”，约束必须精确到小数点后一位的版本号和禁用范围。
第二步：强制结构化为编号动作链
紧接着输入：“严格按以下格式输出，每项以‘①’‘②’开头，不加标题、不加说明、不换行，共6项：① 创建Dashboard.vue文件 →② 定义userStats/recentOrders/systemAlerts三个响应式ref →③ 每个widget封装独立组件并支持30s轮询 →④ 权限校验usePermission(‘admin’)失败时重定向403页 →⑤ 使用v-show控制widget显隐 →⑥ 所有图表容器添加min-h-64类确保渲染空间。”
注意：必须用中文数字加圈符号，且全部连写在同一段落内；若出现“步骤一”“第一步”“首先”等非编号引导词，或插入空行、冒号、破折号，即判定格式失效。
第三步：注入真实数据锚点防编造
方法一：绑定字段唯一性
在指令末尾追加：“所有ref变量名必须与输入参数完全一致，例如输入widgets=[userStats, recentOrders, systemAlerts]，则ref名只能是userStats、recentOrders、systemAlerts，不可增删下划线、大小写或复数形式。”
方法二：插入数据校验规则
再加一句：“若某项动作涉及路径或文件名，必须包含扩展名.vue；若含CSS类名，必须带前缀如min-h-64、sm:grid-cols-2，不得省略响应式断点或单位。”
这一步不做，DeepSeek常把recentOrders写成recentOrder，或漏掉sm:前缀导致样式在平板端失效。
第四步：校验输出是否可交付开发
① 检查是否恰好6行，每行以①～⑥开头，无重复、无跳号；
② 抽查任意一项中的文件名（如Dashboard.vue），确认其符合Vue单文件组件命名规范；
③ 查看权限校验那项是否含usePermission(‘admin’)和重定向逻辑，缺任一要素即不可用；
④ 确认所有CSS类名都存在于Tailwind CSS 3.4官方文档中，例如min-h-64是合法类，而min-height-64不是。
