1. Demo 简介
-
-
是什么：
宴策 Wedflow AI 是一个 AI 驱动的婚礼方案全链路协同平台（Web 应用 / 移动端优先的响应式网站），B/C 双端设计，可直接在浏览器中使用，无需下载安装。C 端面向备婚新人，提供从每日任务拆解、预算宾客管理到 AI 视觉生成的全流程备婚助手；B 端面向婚礼策划师和婚庆公司，提供从需求采集、AI 方案生成、效果图/视频产出到客户展示页交付的完整工作台。面向谁：
核心用户是正在筹备婚礼的新人情侣（尤其是第一次备婚、不知道从何下手的 90 后/00 后），同时也服务于需要提升交付效率的婚礼策划师、婚庆公司、酒店宴会销售团队等 B 端从业者。主要功能：
【C 端 · 新人备婚】
智能备婚日历 + 每日任务拆解：根据婚期自动倒排（支持90天/120天/180天/自定义天数），把庞大的婚礼筹备拆成"每天一件小事"。每个任务附带三个维度说明——「为什么现在做」讲清时机逻辑，「可以这样和对方/供应商说」提供可一键复制的沟通话术，「容易踩什么坑」标注风险提醒。系统根据参与模式差异化输出：DIY 模式给出具体操作步骤，交策划模式给出验收标准。
AI 预算智能分配：输入总预算和宾客人数，AI 一键生成科学的预算分配方案（餐饮/场地布置/花艺/灯光音响/四大金刚/婚纱礼服/备用金等），附带 AI 预算分析卡片、各类目进度条追踪、避坑提醒、省钱技巧、值得投入项、谈判话术四个实用板块，帮助新人理性消费、实时掌握花费。
AI 婚礼顾问 + 沟通话术库：内置 5 位 AI 专家角色（全流程顾问/效率管家/设计助手/审美顾问/现场总控），针对当天任务和备婚疑问随时对话，AI 回复包含「行动建议 + 沟通话术 + 风险提示 + 设计灵感」四段式结构化答案。话术库覆盖"和父母谈预算"“问酒店档期”“邀伴郎伴娘”"和策划砍价"等高频尴尬场景，一键复制即用。
AI 效果图生成：输入婚礼风格描述或参考方案，AI 自动生成主舞台、迎宾区、签到区等空间的真实婚礼效果图（2K 分辨率），帮新人提前看见婚礼的样子，解决"想象不出来布置完什么样"的痛点。
AI 视频生成（图生视频/文生视频）：支持以效果图为首帧参考，AI 生成婚礼场景动态视频，可配置运镜方式（缓慢推进/平移/环绕/固定）、时长、分辨率、画幅比例和音效。底层适配 6+ 主流视频模型（Seedance 2.0 / Kling可灵 / Runway Gen-3 / Pika / MiniMax海螺 / Sora），自动检测并适配不同平台 API。
3D 交互式婚礼场地预览：基于 Three.js 的可交互 3D 场景，支持切换场地类型（宴会厅/户外草坪/中式礼堂）、色系方案、桌形布局模式，支持漫游视角/俯视视角切换，可拖拽旋转查看全场布置，在签合同前就能"走进"自己的婚礼现场。
AI 登记照生成：上传照片即可生成多种风格的结婚登记照（经典红底/简约白底/中式喜庆/户外自然），省去跑照相馆的时间。
宾客管理 + 婚礼团队：宾客分组统计确认进度，伴郎伴娘分工和供应商状态一目了然，避免婚礼当天所有人都来问新人。
产品截图展示：
-
-
【B 端 · 策划工作台】
5步交付链路：客户创建 → 游戏化需求采集（7大维度Unlock Quest解锁式表单）→ AI一键生成18模块完整策划方案 → AI效果图+动态视频 → 一键生成精美客户展示页交付。方案支持单模块AI重生成（附反馈优化）、多版本管理、交付版本切换。
项目仪表盘 + 获客增长中心：项目统计看板、交付进度追踪、AI获客工具矩阵（如AI登记照生成器用于朋友圈/小红书/门店引流），线索一键转入客户项目。【AI 底层能力】
-
平台支持用户自带 API Key，文本/图片/视频三类服务独立配置，兼容主流大模型；无 Key 时提供 Demo 模式可完整体验全流程。
- Demo 创作思路
灵感来源：身边好几个朋友陆续结婚，每次都听他们吐槽备婚过程，再加上自己近期也在弄婚礼，时常有种无力感——“根本不知道从哪开始”“预算总是超”“和父母意见不合又不知道怎么沟通”“网上攻略太多反而更焦虑”。我发现备婚这个场景天然适合 AI 辅助：信息量大、决策点多、情绪压力高、经验门槛高，但每个问题都有相对成熟的行业解法，只是分散在各个婚庆平台和口口相传中，新人很难系统获取。
想解决的问题：
- 信息过载导致的决策瘫痪：新人面对几十项备婚事项不知从何下手，要么拖延要么遗漏；策划师面对重复方案撰写消耗大量时间在非创意工作上。
- 预算分配凭感觉：大多数新人第一次办婚礼，不知道各项目合理占比，容易在"面子工程"上超支，却在摄影等真正重要的地方省钱。
- 沟通成本极高：和另一半、双方父母、各类供应商的沟通是备婚最大的矛盾来源，很多人不是不会做事，是"不知道怎么开口"；策划师和客户之间反复改方案也缺乏结构化反馈机制。
- 视觉想象断层：新人只能靠Pinterest图片和策划师口头描述想象婚礼效果，签了合同才发现不是自己想要的；效果图外包成本高、周期长，动态视频更是几乎不可能提供。
- 备婚焦虑：缺乏节奏感，总觉得"什么都没准备"或"来不及了"；交付链路断裂，从方案到现场没有可视化衔接。
为什么做这个方向：
婚礼是大多数人一生中的高消费、高情绪、一次性事件，容错率极低。市面上的备婚工具要么是 B 端婚庆公司的内部管理系统（太重、不面向新人），要么是内容社区（攻略碎片化、无法直接执行），要么是简单的清单类App（只告诉"做什么"不告诉"怎么做怎么说"），缺少一个贯穿"需求→方案→视觉→交付→执行"全链路的 AI 协同平台。我选择从"每日任务 + AI 话术 + 预算规划"三个新人最高频痛点切入，同时向上延伸到 B 端策划工作台（AI方案/效果图/视频/展示页交付），向下扩展到 AI 视觉能力（效果图/视频/3D预览），形成 C 端日常使用+B端专业交付的双轮驱动，让新人每天打开只需要知道"今天该做什么、怎么说"，让策划师从重复劳动中解放专注创意。
3. Demo 体验地址：
宴策 Wedflow AI - AI驱动的婚礼方案全链路平台（7月3日第二版）.html (204.1 KB)
体验路径建议：
- 开屏动画后进入Landing Page，查看产品定位和核心功能介绍
- 点击右上角「API配置」查看三类AI服务配置状态（预置Demo Key可直接体验）
- 点击「进入策划工作台」体验B端：
- Dashboard查看项目统计和交付链路
- 点击「林小姐 & 陈先生婚礼提案」进入项目详情
- 查看5步游戏化解锁进度 → 点击「方案详情」查看AI生成的18模块完整方案
- 切换到「效果图 & 视频」标签，查看AI生成的主舞台/迎宾区/签到区效果图
- 点击「生成动态视频」体验AI视频生成流程，点击「多模型对比」查看6个视频模型并排展示
- 点击「3D场地预览」体验可拖拽旋转的3D婚礼场景
- 点击「客户展示页」查看手机端风格的交付预览
- 点击左上角返回Landing Page，点击「进入备婚助手」体验C端：
- 可点击「跳过引导，直接体验预置Demo」快速进入
- 或走完5步Onboarding（基本信息→婚礼形式→规模预算→参与方式→确认生成）
- 首页查看倒计时、今日任务（可勾选完成）、近周日历、AI顾问对话入口
- 底部「备婚」Tab查看任务总览/预算管理/宾客管理/婚礼团队
- 底部「工具」Tab体验AI工具箱：3D场地预览、AI顾问、AI视频生成、AI效果图、AI登记照
- 点击「沟通话术」查看各场景话术模板，点击「AI话术生成」体验定制话术
【深度体验路径】
- 从Landing Page点击「进入备婚助手」→「从零开始配置我的婚礼」，完整走5步引导
- 在备婚首页点击今日任务「详情」，查看三个维度说明和沟通话术
- 点击底部「备婚」→「预算管理」→「AI预算分析」体验AI预算拆解
- 任意页面点击右下角「AI婚礼顾问」悬浮按钮，体验多角色AI对话
- 回到B端工作台，点击「AI话术生成器」体验谈预算/问档期/砍价等场景话术一键生成
- 点击「AI质检」查看系统对AI服务连通性的完整检测流程
4. TRAE 实践过程
-
整个项目从升级优化到完整 Demo 完全使用 TRAE 辅助开发，以下是关键开发步骤：
第一步：项目技术选代，升级优化新人端全流畅操作系统
通过对话描述项目需求（B 端婚礼方案生成 + C 端新人备婚助手），TRAE 帮助完成 Next.js 15 + TypeScript + TailwindCSS + Zustand 的项目初始化和目录结构设计，自动生成了核心数据模型和页面路由。 -
开发截图1：
Session ID：754734142852512:0d1c69a6e93a7dca3f990771dec9d107_6a3cf662260072b363410626.6a3cf827260072b36341066d.6a3cf827260072b36341066b:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/25 17:43:03)第二步：核心功能增加，迭代开发
5 步引导流程：通过多轮对话优化新人端的引导体验，从最初的"一页表单"迭代为分步向导，增加进度指示、输入校验、选项卡片等交互细节；
每日任务系统：设计了 90 天备婚任务数据结构，包含任务优先级、负责人、沟通话术、踩坑提醒、解决方案等字段，TRAE 帮助生成了完整的任务数据和渲染逻辑；
AI 预算分析功能：描述需求后（“输入预算，DeepSeek 一键分析预算方案，要现实可用”），TRAE 实现了预算档位选择、金额输入、AI 调用（含离线 fallback）、结果展示（分类预算+避坑+省钱+谈判）的完整功能；
流程优化：根据反馈"引导性不够强"，TRAE 帮助重构了首页布局，增加欢迎引导卡片、进度可视化、快捷入口等。
开发截图2： Session ID：754734142852512:094a0fcc8d9fb72d26c974dc2cf3ebe7_6a3cf662260072b363410626.6a3dd8e5260072b363411016.6a3dd8e5260072b363411014:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/26 09:41:57) -
开发截图3：
-
Session ID：754734142852512:d16606f9d753d78f4668996b7db3dc83_6a3cf662260072b363410626.6a3ddc56260072b363411093.6a3ddc55260072b363411091:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/26 09:56:38)
-
第三步：最终优化，参赛单文件 HTML 导出
根据参赛要求生成一个"评委可直接体验的单文件 HTML"，TRAE 帮助将整个 React 应用重构为纯原生 JS 单文件版本，内联所有 CSS、预置 Demo 数据和 AI Mock 响应，确保双击即可离线运行，文件控制在 100KB 以内。
开发截图4：
Session ID：754734142852512:34a47006aec845682569be74a73fa02f_6a3cf662260072b363410626.6a3de8f3260072b3634111bd.6a3de8f2260072b3634111bb:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/26 10:50:27) -
5. 对应的报名审核通过的帖子链接：【生活服务赛道】WedFlow AI：新人端全流程婚礼对接系统 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区
Demo演示视频：2.35 复制打开抖音，看看【福仔的AI脑洞的作品】「VibeCoding大赏」我做了个AI 婚礼全流… https://v.douyin.com/hH70RgRc6R8/ bAt:/ R@x.Fu 01/01 :7pm