OS

oso95/scroll-world

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

1.1万 stars 品質 67 トレンド 79MIT

どんなブランドでもスクロール可能な3Dワールドのランディングページに変えるスキル

概要

https://github.com/user-attachments/assets/b08e641e-985b-4bd4-83ff-6750272d0c37 エージェントスキル — Claude Code、Codex、そしてSKILL.md互換エージェントなら、どの業界やブランドでも没入感を築く — スクロールすると、カメラが外側からシーン内部へ飛んできて、次のシーンへと流れていくようなものだ。小さな生成された世界(Emonsの物流サイトを思い浮かべて、好きなものに応用できる)を連続で繋がった飛行だ。 その後、スクロールできるワールドランディングページをリクエストするか、/scroll-worldを呼び出してください。 VercelのスキルであるCLIを使い、Codex、Claude Code、Cursor、その他20+エージェントにインストールできます: Codexでは$scrollワールド(または/skills for browse)で呼び出すか、スクロールしてワールドのランディングページをリクエストしてください。 スキルフォルダをエージェントのスキルディレクトリにコピーしてください: - Higgsfield CLI(認証済み、Higgsfield認証ログイン)、クレジット付き。- フレーム抽出およびエンコーディングのためのffmpeg / ffprobe。

概要(AI 翻訳)

https://github.com/user-attachments/assets/b08e641e-985b-4bd4-83ff-6750272d0c37

エージェントスキル — Claude Code、Codex、および任意のSKILL.md互換エージェント — あらゆる業界やブランド向けに、スクロールで洗練された「世界を飛ぶ」ランディングページを作り上げます — スクロール中にカメラが飛ぶような 外からその内部へと*入り、次のシーンへ流れていきます no」 カット。小さな生成された世界を連続して繋がった飛行(エモンを思い浮かべてください)を通過します 物流サイト、好きな用途に適用してください。

インストール

Claude Code — プラグインとして(推奨)

その後、スクロールできるワールドランディングページをリクエストするか、/scroll-worldを呼び出してください。

Codex およびその他のエージェント — スキルCLI経由

Vercelのスキルを使ったCLIは、 コデックス、クロードコード、カーソル、その他20+のエージェント:

Codexでは、$scroll-world(または/skillsでブラウジング)を呼び出し、または単純に ワールドランディングページをスクロールしてご覧ください。

手動(ドロップインスキル)

スキルフォルダをエージェントのスキルディレクトリにコピーしてください:

要件

  • APIキーとバランスを備えたMonid CLI — デフォルト ビデオチェーンのバックエンド(Seedance 2.0、クリップごとにUSDで請求;後述)。

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

scroll-world

https://github.com/user-attachments/assets/b08e641e-985b-4bd4-83ff-6750272d0c37

An agent skill — for Claude Code, Codex, and any SKILL.md-compatible agent — that builds an immersive, scroll-scrubbed “fly through the world” landing page for any industry or brand — the kind where, as you scroll, a camera flies from outside each scene into its interior, then flows on to the next scene with no cuts. One continuous connected flight through a little generated world (think the Emons logistics site, applied to whatever you want).

Install

/plugin marketplace add oso95/scroll-world
/plugin install scroll-world@scroll-world

Then just ask for a scroll-through world landing page, or invoke /scroll-world.

Codex & other agents — via the skills CLI

Using Vercel’s skills CLI, which installs into Codex, Claude Code, Cursor, and 20+ other agents:

npx skills add oso95/scroll-world            # pick your agent(s) when prompted
npx skills add oso95/scroll-world -a codex   # or target Codex directly

In Codex, invoke it with $scroll-world (or /skills to browse), or just ask for a scroll-through world landing page.

Manually (drop-in skill)

Copy the skill folder into your agent’s skills directory:

git clone https://github.com/oso95/scroll-world
cp -R scroll-world/skills/scroll-world ~/.claude/skills/   # Claude Code
cp -R scroll-world/skills/scroll-world ~/.codex/skills/    # Codex

Requirements

  • The Monid CLI with an API key and balance — the default video-chain backend (Seedance 2.0, billed per clip in USD; see below).
  • The Higgsfield CLI, authenticated (higgsfield auth login), with credits — renders the scene stills, the kling3_0 fallback, and the whole chain when Monid is absent.
  • ffmpeg / ffprobe for frame extraction and encoding.
  • Python 3 with Pillow (for the mobile portrait canvases; also the optional transparent-scene knockout).
  • The Codex CLI (optional) — if present, the scene stills can be generated through Codex’s built-in image_gen (the same GPT Image model), billed to a ChatGPT subscription instead of Higgsfield credits.
  • About the Monid default: verified 2026-07-25 — first/last-frame conditioning frame-locks, so it renders the full seamless chain; frames travel via Monid’s free workspace file system. Pay-per-use with no subscription or monthly expiry (a 6-scene 1080p chain ≈ $27). The skill re-checks the endpoint schema each build and keeps qualification probes in the pipeline for when the catalog changes; Higgsfield credits remain the fallback biller.

What it does

It generates the art with AI: cohesive isometric diorama scenes (GPT Image 2 — via Higgsfield, or the Codex CLI on a ChatGPT subscription) and the camera flights

GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add oso95/scroll-world
MCP 初心者?mcpskill.org のガイドから始めましょう →