淘天自营前端开发的AI增效实践总结

*鸿雁 ABC 工作台是面向 C 端页面生产的效率平台。它支持技术同学和非技术同学像搭积木一样，用组件/模块搭建一个页面，注入数据，并发布上线。

▐ 系统架构

全流程链路：上传 → 解析 → 生成 → 部署 → 入库。

▐ 核心能力

1. RAG增强生成：结合RAG 挂载业务组件知识库生成可维护、可拓展的业务代码，避免通用工具造成代码失真

2. 工程链路打通：在Bolt 架构下，是集团内首个打通 ICE3 前端框架 + 模块平台工程链路的方案

3. 运行时适配：通过新增编译插件，创新性解决 WebC 运行时容器 对 ICE3 框架的支持问题

• AI 生码工作流

以集团内部 Agent 应用平台为载体，结合imgcook（图像大厨）和业务组件知识库，基于 AI Workflow 生成可维护可扩展的业务代码。与传统的通过imgcook生成代码、再通过大模型优化代码的两段式生码方案相比，我们的工作流出码结果更加规范和灵活。

• 工程链路自动化

针对预览不支持 ICE3 的问题，我们把代码文件“套壳”成符合配置要求的冰马工程，再将代码文件编码上传，推送至发布服务。然后通过模块平台 API、研发平台 API 创建模块和迭代。最后通过 Node 服务创建临时目录拉取仓库内容，并在指定分支下解析、创建代码文件，将变更推送到远程代码平台的仓库中。此时的输出不再是一次性玩具代码，而是可维护的生产级代码。

• WebC 运行时环境

Bolt.new 使用了 WebContainer 作为运行时环境。在集团内部， WebC同样提供了运行时能力，于浏览器中提供了虚拟文件系统以及 Node 的运行环境，借此可以实现最终代码产物在浏览器环境中的实时构建、预览以及基于 terminal 的命令交互。

• 青云项目

通过 AI Coder完成大部分 UI 代码生成以及骨架屏过渡动画（2 小时可联调，UI 代码 92% AI 生成）。

schema