Communitygithub.com

Erich956389473/scroll-world-planner

PM planner for scroll-world immersive landing pages -- brand story, scene design, director script

Was ist scroll-world-planner?

scroll-world-planner is a Claude Code agent skill that pM planner for scroll-world immersive landing pages -- brand story, scene design, director script.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add Erich956389473/scroll-world-planner

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

scroll-world-planner — 沉浸式着陆页规划器

它是什么

scroll-world 是一个 Agent Skill,它用 AI 生成那种"滚动穿越3D世界"的炫酷着陆页。但它需要品牌故事规划、场景设计和信息架构——这些正是 PM 的活。

这个 planner 帮你规划好,开发照着做就行。

输入

  • brand:品牌/产品名称(必填)
  • industry:行业(必填)
  • pitch:核心卖点(1 句话)
  • scenes:想要的场景数(可选,默认 4)
  • cta:最终行动号召(可选,如"立即试用")
  • tone:调性(可选,默认 professional / professional / playful / luxury / minimal)

输出

一个完整的 scroll-world 导演脚本,开发可以直接用来生成。

工作流

第一步:品牌信息架构

分析品牌的核心信息,确定需要传达的 3-5 个关键信息点:

输入:某生鲜电商品牌 "鲜直达" — 30 分钟达的精品生鲜
场景数:4

信息架构:
1. 信任感——源头直采、品质保障
2. 速度感——30 分钟达的配送网络
3. 丰富度——覆盖三餐场景的品类
4. 便利性——APP 一键下单的体验

第二步:场景序列设计

为每个场景设计"飞入"路径和内容:

场景 1:源头(建立信任)
  视角:俯瞰产地 → 飞入田间
  画面元素:绿色田野、农户、清晨阳光
  文案叠加:"从田间到餐桌,我们只选最好的"
  音乐提示:温暖、自然

场景 2:配送(速度感)
  视角:城市俯瞰 → 跟随配送员飞入街区
  画面元素:城市天际线、配送员、时间指示
  文案叠加:"30 分钟,新鲜直达"
  音乐提示:节奏感、轻快

场景 3:餐桌(丰富度)
  视角:窗外 → 飞入厨房 → 停到餐桌上
  画面元素:丰富菜品、家庭用餐氛围
  文案叠加:"每天不重样,三餐都精彩"
  音乐提示:温馨、生活感

场景 4:APP(便利性)
  视角:手机屏幕 → 飞入 APP 界面
  画面元素:APP 界面、下单流程、评价
  文案叠加:"一键下单,坐等鲜直达"
  音乐提示:科技感、简洁
  CTA:"立即体验 30 分钟送达"

第三步:品牌调性适配

professional(专业感):

  • 色调:蓝白灰,干净利落
  • 字体:无衬线,大字号
  • 节奏:稳重,每场景停留 3-4 秒

playful(活泼感):

  • 色调:明亮高饱和,多色彩
  • 字体:圆润,大小对比强烈
  • 节奏:快节奏,每场景 2-3 秒

luxury(奢华感):

  • 色调:金黑深色,质感光效
  • 字体:衬线,优雅间距
  • 节奏:缓慢,每场景 4-5 秒

minimal(极简):

  • 色调:黑白灰,留白多
  • 字体:极简,字重轻
  • 节奏:干净利落

第四步:输出导演脚本

最终的交付物是一个结构化的"导演脚本":

## scroll-world 导演脚本

### 品牌:鲜直达
### 行业:生鲜电商
### 调性:专业感
### 场景数:4 + 1 CTA

---

### 场景 1:源头
**飞入路径:** 高空俯瞰绿色田野 → 垂直下降至田间 → 环绕农产品特写
**画面元素:**
  - 前景:新鲜蔬果(高饱和度绿色/红色)
  - 中景:农民采摘动作
  - 背景:远处的山和晨光
**文案:** "从田间到餐桌,我们只选最好的"
**配色:** #4CAF50(绿), #8BC34A(浅绿), #FFFDE7(米白)
**过渡:** 顺时针旋转 → 拉开至城市全景

### 场景 2:配送
**飞入路径:** 城市天际线 → 追踪配送员 → 俯冲进入社区
**画面元素:**
  - 前景:保温箱中的菜品
  - 中景:配送员骑行
  - 背景:城市建筑轮廓
**文案:** "30 分钟,新鲜直达"
**配色:** #2196F3(蓝), #FF9800(橙), #FFFFFF
**过渡:** 推近至门 → 开门进入室内

...

### CTA 页
**效果:** 场景 4 结束后 → 画面定格 → 品牌 logo + CTA 按钮缓入
**CTA 文案:** "立即体验 30 分钟送达"
**按钮色:** #FF5722(珊瑚橙)
**背景:** 纯色或场景 4 最后一帧渐变静帧

Verwandte Skills