一句话生成一体化应用：AI 智能建站平台WeaveFoxVibe技术探索实践-曹磊（明是）.pdf

1、2026.03.21阿 巴巴 全球总部 _访客中中国杭州 HANGZHOU CHINA句话成体化应-AI智能建站平台 WeaveFoxVibe探索实践演讲嘉宾明是（曹磊）蚂蚁集团-AI 全栈程师 Why Vibe?1 Vibe 的架构2 More than Vibe3 Why Vibe?1WeaveFoxVibe 出现的契机天时：VibeCoding 成为研发主流范式VibeCoding 成为年度热词25.05Claude 4.0QWEN 3.0 Coder25.0725.11Gemini 3.0Kimi 226.02GLM 5.0Kimi 2.5MiniMax 2.5Cursor（AIIDE

2、 相关）Claude Code（Cli 相关）Studio（全托管）代码模型 跃迁升级AI 研发具态 极丰富和：VibeCoding 助 超级个体 研发流程 转变研发者 转变玩具-辅助具-先进产 地利：VibeCoding 助 AI 组织升级 产具 极增强 产，产关系会临重塑 Vibe 的架构Vibe 是什么、关键技术案2WeaveFoxVibehttps:/vibe.antgroup-AI 全栈产系统+Vibe（氛围）Coding Make Vibe By Vibe没有产品、设计师产品设计、原型开发 vibe 造！没有运营、BI流量盘、户盘、作品策略 +AI 造！没有后端、ETL、运维后端服

3、务、数据库设计、服务运维 +AI 造！AI 全栈（全做）程师户分析有想法，不知道怎么办会写服务，但不会写界会写界，但不会写服务不同：程代码经验不同、创作意图不同、历史创作具不同如何让不同的户在同起跑线创作？“我们总是通过后视镜驶向未来”当下最流的 AI 交互仍是模拟过去歌搜索的交互 不同 =不同意图+不同具+同个输框 输：追求极简1由创作档还原视觉还原意图匹配具连接参考材料服务连接技能连接素材准备以创作者为核同款创作简单上：只有个输框，区分意图选择不同具 极致克制：减少模型选择、提示词优化等主路径选项如何成默认好看的站点？多智能体规划模式MAS(多智能体系统)分层设计 Vibe APP 架构分

4、层设计智能体协同-需求澄清需求澄清环节1、明确户对功能的描述，转化为规范表达排除歧义 2、提供个次确认的时机，可调整或追加智能体协同-需求编写不同应类型设计通纲设计智能体协同-设计丰富默认好看：确符合需求的主题布局合理：响应式、格布局场景适配：增加动效、互动等内容丰富：素材收集、图结合如何持户丝滑效地创作？VisionSnapAI 时代的即时运+会话修改引擎AI 对话+多模态微调+即时运能 即时运将模块化的前端代码直接在浏览器中渲染出最终的基于浏览器 bundleless 实现研 浏览器进源码编译+ESM 依赖构建 即时运挑战将模块化的前端代码直接在浏览器中渲染出最终的渲染性能挑战 次缓存的情

5、况下，因为预构建，性能较差，约 10s 左右稳定性挑战 需要保障渲染稳定性，次渲染成功率达到 99%以上常问题：模型成的代码不规范；构建失败解决案：1、项依赖预校验：registry 源上判断是否有对应的 package 和 version，如果出错直接拦截2、Lint 预校验：是否有 undefined 变量、遗漏模块等3、Vite 程完整度校验：错误信息对模型友好，便动修复4、完善监控：在 ESM 层接燕监控缓存优化：引包缓存，针对优、使频率的 NPM 包，补 ESM 态，不每次都构建现在和未来当下架构和未来规划Canvas:代码渲染Preview:渲染+编辑Chat:渲染+编辑+对话发布

6、4.0&计划开源 创作：多元选择2以创作者为核会话创作需求澄清规划编排产品设计格设计专家码专家修复编辑预览多模式微调实时预览代码编辑档管理信息架构简洁：以创作为核，辅助数据和设置 创作式多元化：对话创作、快捷创作、代码创作经统计：户只需要半时内、平均10轮对话就可以完成作品上线 输：追求极简1 创作：多重选择2由创作档还原视觉还原意图匹配具连接参考材料服务连接技能连接素材准备以创作者为核会话创作同款创作需求澄清规划编排产品设计格设计专家码专家修复编辑预览多模式微调实时预览代码