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+ 기타 에이전트에 설치: 코덱스에서는 $scroll월드(또는 /skills for browse)로 호출하거나, 스크롤 월드 랜딩 페이지를 요청하세요. 스킬 폴더를 에이전트의 스킬 디렉토리에 복사하세요: - 힉스필드 CLI, 인증(힉스필드 인증 로그인), 크레딧 포함. - ffmpeg / ffprobe for frame 추출 및 인코딩.

개요(AI 번역)

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

에이전트 스킬 — 클로드 코드, 코덱스 및 SKILL.md 호환 에이전트에 대해 — 어떤 산업이나 브랜드에도 몰입감 있고 **스크롤 청소 방식의 ‘플라이 스루 더 월드’ 랜딩 페이지를 만듭니다 — 스크롤할 때 카메라가 날아다니는 그런 종류 외부에서 각 장면이 내부로 들어가, 그리고 다음 장면으로 흐르며, no 컷. 작은 생성 월드를 통과하는 연속적인 연결 비행 하나(에몬을 생각해 보세요) 물류 사이트, 원하는 것에 적용할 수 있습니다).

설치

클로드 코드 — 플러그인으로서 (추천)

그다음 스크롤 월드 랜딩 페이지를 요청하거나 /scroll-world를 호출하면 됩니다.

코덱스 및 기타 에이전트 — skills 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 가이드부터 시작하세요 →