码上飞AI解析设计稿时需增强输入框视觉特征、添加语义锚点、重构表单层级结构：①加内阴影避免OCR误判；②在原图层内添加红色方块或灰色属性标签；③统一form前缀图层组，仅保留表单元素并语义化命名。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
码上飞AI在解析设计稿时，若输入框边界模糊、缺少语义标签或被遮挡，会导致OCR识别失败或生成错误的代码，直接造成前端开发返工。
增强输入框视觉特征
打开设计稿（Sketch/Figma/PSD），用选区工具框出目标输入框区域→右键选择“图层样式”→勾选“内阴影”并设置距离0px、大小2px、不透明度15%，让边框在浅色背景上产生微弱浮雕感。
这一步必须做：没有内阴影的纯色输入框在低分辨率截图中极易与文本块混淆，PaddleOCR-VL-1.6模型会将其误判为
导出为PNG时关闭“压缩颜色”，防止Alpha通道信息丢失。
添加语义锚点标记
方法一：在输入框左上角10×10px区域内，用#FF0000绘制一个实心小方块，不透明度100%。
方法二：在输入框右侧紧贴边缘处，添加一行灰色小字（字号8pt，#999），内容为【type=text】或【required】等HTML属性关键词。
【锚点必须位于输入框原始图层内，不能新建独立图层】——否则PaddleOCR的YOLOv5定位模块会将锚点识别为悬浮图标，反而干扰边界框回归精度。
重构表单层级结构
第一步：确认所有输入框都处于同一命名图层组下，组名格式为“form-login”“form-register”等含form前缀的英文小写名称。
第二步：删除该图层组内所有非表单元素（如装饰线条、背景渐变、图标SVG），只保留input、label、button三类图层。
第三步：将每个输入框图层重命名为带语义的名称，例如“input-phone”“input-password”“checkbox-terms”。命名中禁止出现中文、空格、特殊符号。
这一步操作起来很简单，直接在图层面板双击修改即可。但若跳过此步，码上飞AI会默认使用“input_1”“input_2”等无意义ID，导致后续Vue/React绑定逻辑断裂。
