☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
必须让ai在出图前自动生成含五列的检查表，否则默认只渲染画面不校验；启用开关后需首行输入【#web-func-check】，且仅在「网页ui插画」模板下生效。
要在美图设计室ai生成网页功能区插画后立刻判断是否符合开发落地要求，必须让ai在出图前自动生成一份可逐项核对的检查表，而不是等图出来再人工翻找细节——若提示词没触发检查逻辑，ai默认只渲染画面，不输出任何校验信息，导致ui还原偏差、切图返工、前端无法精准定位元素。
启用AI检查表生成开关
打开美图设计室网页端 → 进入「AI设计」→ 点击右上角「AI助手」图标 → 在输入框第一行粘贴：【#WEB-FUNC-CHECK】输出前必须生成右侧检查表，含“组件名称｜视觉可见性｜尺寸占比｜交互状态标识｜文字层独立性”五列，每项用✅/❌标注，表格置于图右30%区域。这句必须写在最开头且不换行，否则AI不会调用检查表模块，后续所有描述都将被当作普通绘图指令处理。
注意：该前缀仅在「网页UI插画」模板下生效；若误选「电商详情页」或「APP图标」模板，检查表将完全不出现。
绑定功能区核心要素
方法一：用“组件名→属性链”强制锚定结构
写“搜索框→圆角8px+阴影深度2px+内部放大镜图标居中+输入光标闪烁动画示意(静态图中以虚线框标出)”——AI会把“→”后每一项都映射到检查表的“视觉可见性”栏，缺任一描述即标❌。
方法二：用像素级比例锁死布局
把“导航栏高度占顶部12%”改成“导航栏高度=112px（按1920×1080基准画布）”，AI能据此在检查表“尺寸占比”栏自动计算并标注实际渲染值，误差＞±3px即标❌。
方法三：用状态动词激活交互标识
写“按钮处于悬停态：背景色从#4A90E2渐变为#357ABD，边框加1px虚线描边，右上角叠加微光粒子效果示意”。AI识别“悬停态”后，会在检查表“交互状态标识”栏标注“✅含颜色变化+描边+粒子”，若只写“蓝色按钮”，该项直接标❌。
封堵四类检查表失效风险
第一步：禁止模糊修饰词混入主体描述
删掉所有“简洁”“现代感”“专业风格”等词，改用可验证表达。例如把“简洁的用户头像上传区”改为“头像上传区→圆形裁剪框直径64px+‘点击上传’文字垂直居中+灰色#999提示语+上传成功后显示绿色对勾图标”。
第二步：在提示词末尾追加负向拦截指令
禁止出现：检查表列名缺失；表格未右对齐；使用emoji替代✅/❌；文字层与背景合并。这行必须紧贴末尾，前面不加空行，否则AI会跳过整条校验规则。
第三步：插入参照系刻度防比例失真
写“弹窗宽度=两枚1元硬币并排长度（约50mm），高度=iPhone 15 Pro Max屏幕高度的65%”。AI据此生成检查表时，“尺寸占比”栏会同步输出毫米值与百分比双校验，任一超差即标❌。
第四步：要求AI在图中标注检查依据位置
加一句：“所有❌项须在对应功能区边缘用红色箭头指向，并在箭头末端标注缺失项编号（如‘缺#3’）”。这能让开发人员一眼定位问题区域，无需反复比对提示词原文。
