← 返回总览
PROTOTYPE 2 / 4 · 营销活动平台
方案二 · 统一画布 + AI 副驾
★ 推荐主骨架
一个工作台：拖组件 + 填表单是主流程，AI 对话常驻在侧随叫随到。顶部「白板模式」开关：打开后组件库隐藏，整页交给 AI。
营销活动平台
618 三件套大促
白板模式
关
1
一个开关切换两种造页方式
版本历史
预览审查
⚡ 一键部署 Cloudflare
LEFT · 实时预览（点选区块即可在右侧编辑）
2
所见即所得 · 点选联动
KV图
618 主视觉
⏱ 距结束 02:13:45:09
✏ 编辑中：商品卡
X5 全景相机
$429.99
Ace Pro 2
$379.99
GO 3S
$239.99
✂ 领 $30 优惠券
✅ 部署成功 · 产物 index.html
https://618-sale-a1b2.pages.dev
复制链接
转发审查
回滚上一版
每次部署生成独立预览链接，可随时回滚
5
审查闭环
RIGHT · 工作区（组件 + 表单 + AI 三合一）
组件库
白板模式开启时整块隐藏
🖼
KV 图
🛒
商品卡
⏱
倒计时
✂️
优惠券
🪧
Banner
✏️
文案标题
🎠
商品轮播
🧭
导航栏
选中组件配置：商品卡
选择商品
X5 套装
Ace Pro 2
GO 3S
价格展示
划线价＋促销价（自动取实时价）
AI 副驾
常驻 · 改这页的任何东西都能用说的
3
AI 与拖拽操作同一份页面
运营 · 我
在商品卡上面加个倒计时，整页换成 618 红色调。
AI
已完成两处修改，左侧可直接看效果：
addComponent(倒计时) → 插入到商品卡之前
updateTheme(主色 → 618 红 #e0262d)
把文案改活泼点
加领券模块
换黑五配色
和 AI 说说你想怎么改…
发送
1
白板模式关：组件拼装为主、AI 辅助；开：组件库隐藏，整页纯 prompt 驱动（见下图）
2
左屏即最终页面，点任意区块右侧出对应表单，拖拽排序实时生效
3
AI 不另起炉灶：它调用的是和手动拖拽相同的组件与配置，改完可继续手动微调
4
标准组件自动内建埋点与商品实时价格，运营无感
5
一键部署 Cloudflare：生成 pages.dev 预览链接可转发审查，历史版本一键回滚
6
产物是自包含 HTML，不依赖商城运行时
⇣ 打开「白板模式」开关之后
营销活动平台
X5 品牌宣传页
白板模式
开
版本历史
预览审查
⚡ 一键部署 Cloudflare
LEFT · 实时预览
REINVENT THE ANGLE
全屏视频 ▶
了解 X5 ↗
RIGHT · 工作区（白板态）
组件库
🖼
KV 图
🛒
商品卡
⏱
倒计时
✂️
优惠券
AI 对话
页面形态不受组件限制
运营 · 我
做一个 X5 宣传页，开屏大字 + 视频 + 黑色高级感。
AI
首版已生成。埋点与跳转已按团队规范自动接入，部署前还会再过一道自动校验。
继续描述…
发送
同一个工作台、同一套部署与审查流程，开关只决定「右侧给不给组件库」。两种产物最终都是 HTML，走同一个 Cloudflare 出口。
⚠ 方案二的取舍：右屏同时容纳组件库 / 表单 / 对话，信息密度高，版面设计要克制