豆包前端页面验收需明确像素级指标、用户操作路径和布尔判据：①用标尺量取导航栏64px、按钮圆角8px等精确值；②颜色用#333333、字号用14px、动效用300ms；③删除形容词，改写为可验证语句；④描述完整用户路径及3种异常场景；⑤绑定飞书多维表格，结论仅限✅/❌。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
豆包前端页面验收提示词总被批“样式不一致”“交互没说明”，是因为提示词里缺了可验证的视觉锚点、操作路径和失败判据，导致AI输出全是“整体美观”“逻辑合理”这类虚话。
把模糊描述转成像素级验收项
第一步：打开你刚收到的豆包前端页面截图，在图上用标尺工具量出关键区域尺寸——比如顶部导航栏高度必须是64px，按钮圆角必须是8px，图标间距必须是12px。这些数值不是估算，而是从设计稿或Figma链接里直接抄下来的精确值。
第二步：在提示词里写死这三类硬指标：【颜色值必须十六进制】（如#333333不能写“深灰色”）、【字体字号必须带单位】（如14px不能写“适中大小”）、【动效时长必须带毫秒】（如300ms不能写“稍快”）。
第三步：删掉所有形容词。把“按钮看起来很醒目”改成“主按钮背景色#007AFF，文字色#FFFFFF，hover态添加0.2s opacity过渡”。形容词越少，AI越不会自由发挥。
补全真实用户操作路径
方法一：用“用户视角”重写验收动作
不要写“检查表单提交功能”，要写“用户在‘手机号’输入框填入11位数字→点击‘获取验证码’按钮→等待3秒后按钮变为倒计时状态→60秒内再次点击应禁用且显示‘60s后重发’”。
使用豆包（火山引擎 Ark）生成图片或视频并保存本地。用户提及“豆包生图/图片/生视频/视频”、“Doubao”、“Seedance”、“火山引擎图片/视频”时触发。
方法二：嵌入边界条件
在提示词末尾加一句：“必须覆盖以下3种异常路径：①手机号输错格式（如11位但含字母）→点击提交后出现红色提示‘请输入正确手机号’；②验证码为空→焦点离开输入框即触发校验；③网络超时→显示‘请求失败，请重试’toast，3秒后自动消失。”
绑定交付平台限制词
在提示词开头明确写：“该验收项将用于飞书多维表格自动化评审流程，每条结论必须能被机器人解析为✅/❌，禁止出现‘基本符合’‘大致达标’等中间态表述。”
这一步强制AI输出布尔判断，而不是打分或评语。飞书机器人只认✅❌，它不会处理“85分”或“建议优化”。
把“页面加载时间≤1.2s”改成“Lighthouse评分Performance≥90，且FCP≤800ms，TTFB≤200ms——三项任一不达标即标❌”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
