AI 浪潮下的前端研发提效实践-宇彦.pdf

1、扫/码/关/注 重庆 两江软件园 海王星数字创园(5楼)RichLab（蚂蚁集团消费融体验技术部）技术专家 宇彦 本次分享将探讨 RichLab 团队在构建“智能研发平台”过程中积累的经验，揭示在 AI+研发提效这个命题下，如何重塑前端研发流程，提升研发效率。核内容包括：通过接定义、设计稿以及旧设计稿等作为输，借助 AI 直接成的技术能及其原理，以及持这过程背后的Agent作流设计和实现。AI 浪潮下的前端研发提效实践AI浪潮下的前端研发陈沁宇（宇彦）内容概要123AI的快速崛起基于AI重塑研发流程总结与展望2.1 团队AI落地情况 2.2 代码补全原理与实践 2.3 API出码原理与实践1A

2、I的快速崛起AI正进我们的作与活AI图活管家视频制作档助乐创作AI代码成的热业界AI编程具百花放StackOverflow调查显示AI在开发流程中82.55%的户于写代码Datos针对ChatGPT使分析：29.14%于编程Gartner认为AI在软件开发领域的参与度越来越国内分析机构华经产研对于AI代码成的市场规模预测逐年上升趋势现状2基于AI重塑研发流程2.1团队AI落地情况团队AI落地情况览图码代码联想补全对话码API出码系分出码案概览-AI Agent 的应2.2代码补全原理与实践效果演示案设计输触发时机判断防抖CodeFuseRAG输出代码缓存Agent代码库成本节省-触发时机判断为

3、判断回触发空格情况：光标后会触发情况：光标后有普通字符，不触发情况三，光标后的字符如果是反括号，触发TAB键若作为补全采纳时，定除其余情况同空格字符连续输设置delayTime，以最后时间为准，输结束后，触发逻辑同“空格”。idea预提示中触发剪切/撤回/粘贴/删除不触发，并取消正在进中的补全补全快捷键 alt+触发成本节省&体验优化-防抖策略根据户的输为以及历史采纳意愿进debounce时间计算特征采集上次是否采纳光标后是否有字符距离上次的采纳时间编辑档度光标前最后度其它特征Github-Copilot开源回归模型计算结果量补全户为与采纳数据训练得出准确率提升-应级补全案对应低码产品背后是代

4、码仓库准确率提升-应级补全案向量数据库建索引相似段相关段检索检索户输CodeFuse Completion输出根据相关相似段和上下推导出补全内容2.3API出码原理与实践PanelApiPage注释(title)注释(renderType)字段名字段值注释(renderProps)注解(notNull)接规范字段类型推断字段属性解析设计规范业务组件模板渲染1.接定义2.板配置3.预览API出码1.0-基于接定义的成解析配置复杂基于接定义能成配置有限，部分配置还是需要动加胶逻辑多/弹窗间的跳转、接请求等还需要动编码1.0还有哪些问题？AI时代，是不是可以这样做？接列表列表&间关系LLM 推断接信

5、息设计稿结构LLM 推断组合操作搞定、配置搞定批量产出生成&调整输入渲染信息输API信息设计稿渲染1.内容输2.结果调整&确认3.渲染AI初始化产品流程定义画布表达关系AI助作为发起和调整的各字段确认&调整先看看效果整体流程设计户输输接列表设计稿定义知识库意图识别具匹配动作执接信息分析设计稿信息提取结构调整成引擎研发平台输出Agent记忆成初始化调整不明确的意图意图追问关系分析意图识别实现法处理的意图明确的意图不明确的意图兜底回复策略追问User:详情应该是弹层Agent:请问您要将哪个调整为弹层呢？可以说的再清楚些么？指令 下发户输User:调整场景详情为弹层User:你在什么呀判断结果可处

6、理的意图（描述）示例输出限制（规则）LLM:意图分类IntentListexample意图列表 sceneCode:”意图code”,Instruction:”意图类型:指示内容”成-如何完整成？成初始化调整意图具设计稿信息提取接信息分析结构调整成引擎关系分析成列表&关系成最终成-API推断及间关系名称类型展示式LLM：接分析接信息接路径名称接参接出参间关系任务根据路径、名称、出参推导、类型以及展示式输出规则1.符合如下定义的json2.只输出json3.格式要求4.逻辑要求