从LLM幻觉到精准受控：TME 在 D2C 推理协同上的深度实践-朱明鹏.pdf

《从LLM幻觉到精准受控：TME 在 D2C 推理协同上的深度实践-朱明鹏.pdf》由会员分享，可在线阅读，更多相关《从LLM幻觉到精准受控：TME 在 D2C 推理协同上的深度实践-朱明鹏.pdf（33页珍藏版）》请在三个皮匠报告上搜索。

1、03.21BJ!默浔勋惺AI AGENT FRAMEWORKBJ!悉熹扌苞AI POWERED PRODUCTIONBJ!悉熹致場AI POWERED TESTINGAI CODING榫濡省襄APPTECHNOLOGY鉀椤按病ONE-PERSON COMPANY笛惟病鶩INNOVATIVEEXPERIENCE从?LLM?幻觉到精准受控?TME?在?D2C?推理协同上的深度实践朱明鹏腾讯乐研发负责VibeCoding传统算法解析VibeDesign设计稿转代码技术的演进?从?UI还原?到?意图实现算法解析设计稿?&?视觉?/?标注组件节点清洗合并图层样式转换UI?还原度?90?分应反馈：应场景受

2、限，重构成本于重写。分块分组循环抽象组件映射结构还原度?70?分节点语义逻辑推测程适配代码还原度?30?分VibeCoding?&?MCP?Tools设计软件?提供原始设计数据Web?API清洗?/?合并?/?MCP?Server?提供?tools?调服务AI?Coding?本地代码编辑器Code?Context组装户提词应反馈：复杂场景降智，程语境缺失，协作标准失范。VibeDesign?代码?&?设计?意图双向同步强依赖?AI?意图、存在逻辑上限难点、存量项接困难。单事实来源?SSOTAI?Vibe-AST真实代码视图Agent实时视觉画布Agent算法解析VibeCodingVibeDe

3、sign步向未来的当下，我们如何选择有效地提升转码效能？?当下选择，遇到的问题：?上下超，幻觉严重，还原度低。?不认识程的组件，组件重复成。?次性提效，设计稿迭代更新难。?单次提词法附带所有页关键细节。?MCP?Server?提供?tools?调服务AI?Coding?本地代码编辑器Code?Context组装户提词VibeCoding MCP?Server?提供?tools?服务AI?Coding?代码编辑器1.?让算法做确定的事?保持质量设计稿上下2.?让做关键的决策?机协同完成精准代码推演?3.?让?AI?做擅长的事?AI?成符合程化的代码?1、具层不再提供产级代码，只提供精准的转码物料

4、?。?2、重构转码上下：MCP?采样?+?决策?+?程化设计。?全新转码协作范式?Sloth?D2C?转码演?1、获取转码提词?2、MCP?唤起拦截页?3、拆分?+?意图注?4、代码完成成20S保持质量设计稿上下输出质量上下Layer?1?(zIndex:0)Layer?2?(zIndex:1)Layer?3?(zIndex:2)Layer?4?(zIndex:3)Layer?5?(zIndex:4)扁平数据?计算转换?1、清洗图层减?token?2、图层合并减?token?3、计算稳推理?4、空间分块稳推理层级结构化处理流程保持质量设计稿上下?/?1.?清洗图层3.?累计区遮挡计算透明度线性

5、叠加，最终计算覆盖率?99?%?判定完全遮挡累计区统计?不透明像素1.?元素透明通道数据预处理像素遮照数据（持异形）2.?像素级交错运算位运算判断有相交?MaskA.alpha?10?&?MaskB.alpha?10保持质量设计稿上下?/?2.?图层合并1.?图标候选集合?尺阈值?&?类型?+?AABB?检测2.?构建相交图?相交检测、层级跃迁检测3.?连通分量分组?深度优先遍历4.?Canvas?合成?MD5?去重?+?缓存成复像素算法检测交叉相连元素合图时层级跃迁检测若存在中间层C相交，则不可合并?防错误合并，低层级被升层级z=2z=5z=8Icon?AIcon?BIcon?C深度优先遍历

6、，构建向图模型1.扁平节点列表（输）传统包含关系算法推导2.?两两判定?包含/相交?（AABB?矩形检测）3.?条件链过滤?（zIndex?判定）4.?构建节点?（节点构建）保持质量设计稿上下?/?3.?计算Sloth?D2C?视觉增强判定ABC精度形状判定复杂形状检测重归属判断视觉致性保障可见性检测层级与遮挡结构优化算法构建虚拟节点元素属性还原输：量绝对定位元素节点从物理空间?到视觉特征?再到语义特征的逐级提纯输出：内聚、结构化的语义区块保持质量设计稿上下?/?4.?空间粗分1.?投影粗分ABC投影法进粗粒度分割?间隔?阈值，进切分3.?语义推测合并同/相交?合并基于布局签名?合并序列类型（