← 返回总览
PROTOTYPE 1 / 4 · 营销活动平台
方案一 · 双台切换
两个独立工作台，顶部 Tab 切换。促销页进「拼装台」拖组件，宣传页/异形页进「白板台」纯 prompt。界限清晰，互不打扰。
营销活动平台
618 三件套大促
🧩 拼装台
🎨 白板台
1
双台 Tab 切换
保存草稿
预览审查
⚡ 一键部署 Cloudflare
4
产物是 HTML
LEFT · 实时预览（所见即所得）
2
左屏 = 最终产物本身
KV图
618 大促主视觉
⏱ 距结束 02:13:45:09
商品卡（标准组件）
X5 全景相机
$429.99
Ace Pro 2
$379.99
✂ 领 $30 优惠券
Banner
配件搭售 Banner
RIGHT · 工作区（拼装台）
组件库
点击添加 · 拖拽排序
3
标准组件内建埋点/商品数据
🖼
KV 图
🧭
导航栏
🛒
商品卡
🎠
商品轮播
✏️
文案标题
🪧
Banner
⏱
倒计时
✂️
优惠券
选中组件配置：商品卡
表单驱动
组件标题
爆款直降
选择商品
X5 套装
Ace Pro 2
＋ 从商品库选
跳转链接
自动取商品详情页
💬 问问 AI：帮我把这屏改成黑五风格…
发送
1
顶部 Tab 在「拼装台 / 白板台」之间切换，两台心智独立、互不混用
2
左屏始终是真实渲染的页面，改组件/发 prompt 立刻可见
3
拼装台只能用标准业务组件，埋点和商品价格/库存自动带上
4
审查无误后一键部署 Cloudflare，生成在线预览链接，产物为自包含 HTML
⇣ 切到另一个 Tab
营销活动平台
Insta360 X5 品牌宣传页
🧩 拼装台
🎨 白板台
保存草稿
预览审查
⚡ 一键部署 Cloudflare
LEFT · 实时预览（AI 生成的任意形态页面）
5
不限组件，宣传页/静态页皆可
REINVENT
THE ANGLE
全屏视频区块 ▶
横向滚动长图画廊 →
了解 X5 ↗（已自动挂埋点）
RIGHT · 工作区（白板台 = 纯 AI 对话）
AI 对话
多轮 prompt 驱动整页
运营 · 我
做一个 X5 的品牌宣传页：开屏大字标题，中间放视频，底部画廊，黑色高级感。
AI
已生成首版。用了大字排版 + 全屏视频 + 横滑画廊，CTA 已自动接入标准埋点。
write index.html（自包含产物）
✓ 校验通过：埋点已挂 · 外链在白名单内
运营 · 我
标题换成英文，整体再「暗」一点。
继续描述你想要的效果…
发送
5
白板台没有组件库，页面形态完全由 prompt 决定（宣传页、静态页、专题页…）
6
AI 产出受平台约束：埋点、商品数据必须走团队标准能力，部署前自动校验拦截
⚠ 方案一的取舍：两台割裂，白板台做的页面无法回拼装台继续拖拽微调（反之亦然）