Skip to content
Conduit

skill

scroll-web

Codex Skill for building scroll-controlled brand video webpages.

DannyZZ2/scroll-webcommunitylistedunreviewed
Use skill

Set up

Skills are installed by placing their folder where your agent loads skills.

Download ZIP from GitHub Open the repository

The download comes from github.com/DannyZZ2/scroll-web itself, not from our server, so what you get is exactly what its author published.

Install instructions come from the README

Skills do not use an MCP config. Follow the steps in the README below.

README

synced Oct 26, 2026

Scroll Web / 滚动视频网页

scroll-web is a Codex Skill for turning a first-party brand website, approved brand kit, product story, or value chain into a scroll-controlled video webpage.

scroll-web 是一个 Codex Skill，用于把品牌官网、已确认的品牌资料、产品故事或价值链制作成由滚动位置控制的视频网页。

What it builds / 最终产物

The default production chain contains three asset groups:

默认制作链由三类素材组成：

  1. Five 16:9 visual guides generated with Codex ImageGen. / 使用 Codex ImageGen 生成 5 张 16:9 场景视觉图。
  2. Five scene videos generated with Dreamina image2video. / 使用即梦 image2video 生成 5 段场景视频。
  3. Four adjacent connector videos generated with Dreamina frames2video. / 使用即梦 frames2video 生成 4 段相邻场景首尾帧转场视频。

The final webpage scrubs nine short-GOP MP4 clips in this order:

最终网页按以下顺序滚动控制 9 段短 GOP MP4：

scene-01 → connector-01 → scene-02 → connector-02 → scene-03
→ connector-03 → scene-04 → connector-04 → scene-05

The five still images are generation guides only. Final playback uses rendered scene videos, connector videos, and posters extracted from the encoded scene videos.

五张场景图仅用于引导视频生成，不进入最终播放时间线；网页使用场景成片、转场成片，以及从编码后场景视频提取的海报帧。

Requirements / 依赖

  • Codex with ImageGen access / 可使用 ImageGen 的 Codex
  • Dreamina CLI command dreamina / 即梦 CLI 命令 dreamina
  • FFmpeg and FFprobe / FFmpeg 与 FFprobe
  • Git and Node.js for repository preflight / 用于仓库预检的 Git 与 Node.js
  • A modern desktop or mobile browser / 现代桌面或移动浏览器

Verify the local tools before any paid generation job:

提交任何付费生成任务前，先检查本地工具：

dreamina -h
dreamina image2video -h
dreamina frames2video -h
ffmpeg -version
ffprobe -version

Dreamina generation consumes credits. The Skill requires an explicit job plan and user approval before submission.

即梦生成会消耗积分；本 Skill 要求先列出任务数量和重试预算，并在提交前获得用户明确批准。

Install / 安装

Ask Codex to install the Skill from this repository:

让 Codex 从本仓库安装 Skill：

Install the scroll-web skill from https://github.com/DannyZZ2/scroll-web

Review the repository before installation and restart Codex if the installer requests it.

安装前请先审查仓库内容；如果安装器提示重启 Codex，请按提示操作。

Quick start / 快速使用

Provide a first-party brand URL or an approved brand kit:

提供品牌第一方官网或已确认的品牌资料：

Use $scroll-web to turn https://brand.example into a five-scene,
scroll-controlled brand video webpage. Start by organizing the brand facts
and ask me to approve them before generating paid video jobs.

使用 $scroll-web，把 https://brand.example 整理成五幕滚动控制的品牌视频网页。
先整理品牌事实并让我确认，再提交任何付费视频任务。

The full production commands, frame invariants, encoding settings, and publishing checklist are in references/pipeline.md. Reusable prompt contracts are in references/prompts.md.

完整制作命令、首尾帧规则、编码设置和发布检查清单见 references/pipeline.md；可复用提示词契约见 references/prompts.md。

Repository contents / 仓库内容

scroll-web/
├── README.md                    # GitHub overview / GitHub 项目说明
├── SKILL.md                     # Codex workflow / Codex 工作流
├── LICENSE
├── agents/openai.yaml           # Skill UI metadata / Skill 界面元数据
├── assets/index-template.html   # Portable page shell / 可移植网页模板
├── assets/scrub-engine.js       # Scroll-video engine / 滚动视频引擎
├── references/pipeline.md       # Production pipeline / 制作流水线
├── references/prompts.md        # Prompt contracts / 提示词契约
└── scripts/preflight.sh         # Privacy and scope checks / 隐私与范围预检

This repository contains the reusable Skill only. Brand research captures, logos, generated images, videos, task responses, logs, and final webpages belong in a separate project workspace.

本仓库只包含可复用 Skill。品牌调研抓取、Logo、生成图片、视频、任务响应、日志和最终网页必须保存在独立项目工作区。

Security and preflight / 安全与预检

Never commit API keys, tokens, cookies, passwords, authorization headers, account data, task or submit IDs, .env files, absolute user paths, browser data, logs, caches, media, brand assets, or generated outputs.

禁止提交 API Key、Token、Cookie、密码、认证头、账号数据、任务或提交 ID、.env、用户绝对路径、浏览器数据、日志、缓存、媒体、品牌资产或生成结果。

Run the repository preflight before every publish:

每次发布前运行：

./scripts/preflight.sh

The check requires the repository to contain exactly the nine approved files listed above and validates the JavaScript syntax and common privacy risks.

预检要求仓库恰好包含上方九个获准文件，并检查 JavaScript 语法和常见隐私风险。

License / 许可证

Released under the MIT License. / 本项目采用 MIT License。

↑↓ navigate openesc close