[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-92497":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":14,"stars7d":14,"stars30d":15,"stars90d":14,"forks30d":14,"starsTrendScore":14,"compositeScore":16,"rankGlobal":9,"rankLanguage":9,"license":17,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":9,"pushedAt":9,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":14,"starSnapshotCount":14,"syncStatus":25,"lastSyncTime":26,"discoverSource":27},92497,"scroll-world","oso95\u002Fscroll-world","oso95","Claude Code skill\u002Fplugin: immersive scroll-scrubbed 'fly through the world' landing pages generated with Higgsfield (Emons-style diorama flights, seamless connectors, portable scrub engine).",null,"JavaScript",994,118,58,0,871,60.23,"MIT License",false,"main",true,[],"2026-07-22 04:02:06","# scroll-world\n\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fb08e641e-985b-4bd4-83ff-6750272d0c37\n\n\nA Claude Code skill that builds an immersive, **scroll-scrubbed \"fly through the world\"\nlanding page** for any industry or brand — the kind where, as you scroll, a camera flies\nfrom *outside* each scene *into* its interior, then flows on to the next scene with **no\ncuts**. One continuous connected flight through a little generated world (think the Emons\nlogistics site, applied to whatever you want).\n\n## Install\n\n### As a plugin (recommended)\n\n```\n\u002Fplugin marketplace add oso95\u002Fscroll-world\n\u002Fplugin install scroll-world@scroll-world\n```\n\nThen just ask for a scroll-through world landing page, or invoke `\u002Fscroll-world`.\n\n### Manually (drop-in skill)\n\nCopy the skill folder into your Claude Code skills directory:\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Foso95\u002Fscroll-world\ncp -R scroll-world\u002Fplugins\u002Fscroll-world\u002Fskills\u002Fscroll-world ~\u002F.claude\u002Fskills\u002F\n```\n\n## Requirements\n\n- The [Higgsfield CLI](https:\u002F\u002Fhiggsfield.ai), authenticated (`higgsfield auth login`),\n  with credits.\n- `ffmpeg` \u002F `ffprobe` for frame extraction and encoding.\n- Python 3 with Pillow (optional — only for the transparent-scene knockout).\n\n## What it does\n\nIt leans on [Higgsfield](https:\u002F\u002Fhiggsfield.ai) for the art: cohesive isometric diorama\nscenes (GPT Image 2) and the camera flights themselves (Seedance image-to-video), scrubbed\nby scroll position — the same technique behind Apple's scroll-through product pages. The\ncamera genuinely moves; scroll only drives time. It's **framework-agnostic**: you get the\nHiggsfield pipeline, the prompt templates, and a portable vanilla-JS scrub engine that\ndrops into plain HTML, Next.js, Vue, or a Python-served page — nothing assumes a stack.\n\nWhen invoked, the skill:\n\n1. **Interviews you** — the subject\u002Findustry + pitch, a brand kit (import from a URL, hand\n   it over, or have it proposed), art direction, and the ordered scenes the camera visits.\n2. **Generates the assets** with Higgsfield — one still per scene, one \"dive-in\" camera\n   clip per scene, and the **connector** clips that join consecutive scenes.\n3. **Wires it up** — a config-driven scroll engine that plays the whole chain as one flight.\n\n### The part that makes it good\n\nThe scenes connect **seamlessly** because each connector clip is generated with the\n*actual rendered frames* of its neighbours as its start\u002Fend images (not the original\nstills — those re-render slightly differently and would pop at the seam). Both sides of\nevery seam end up frame-identical, so the camera never cuts. This is baked into the skill\nas the central rule.\n\nIt also captures the non-obvious production gotchas: blob-URL loading so scrubbing works on\nhosts that don't serve HTTP byte-range requests, GOP\u002Fencoding settings that stay sharp\nwithout bloating, and Higgsfield's quirks.\n\n## What's in the skill\n\n```\nskills\u002Fscroll-world\u002F\n├── SKILL.md                    the procedure + the seam rule + gotchas\n└── references\u002F\n    ├── prompts.md              intake checklist + every Higgsfield prompt template\n    ├── pipeline.md             copy-paste batch scripts (generate → frames → connectors → encode)\n    ├── scrub-engine.js         portable, config-driven scrub engine (blob-seek, lazy load, seam crossfade)\n    ├── index-template.html     a minimal standalone page that mounts the engine\n    └── knockout.py             background knockout for floating scenes\n```\n\n## Notes\n\n- Asset generation costs Higgsfield credits (~N image gens + ~2N-1 video gens for N scenes)\n  and takes a while — the skill runs generations in the background and polls.\n- The generated `.mp4`\u002F`.webp` assets are produced per project; they're not shipped here.\n\n## License\n\nMIT — see [LICENSE](LICENSE).\n","这是一个为Claude Code设计的技能插件，用于生成沉浸式滚动驱动的‘穿越世界’着陆页。核心功能是通过滚动位置控制相机时间轴，在多个等距微缩场景间实现无剪辑、无缝衔接的飞行过渡；技术上依赖Higgsfield AI生成场景图像与镜头视频，并内置轻量级、框架无关的原生JavaScript滚动 scrub 引擎，支持在HTML、Next.js、Vue等任意前端环境中快速集成。适用于品牌宣传、产品展示、创意营销等需强视觉叙事与交互引导的落地页场景。",2,"2026-07-09 02:30:09","CREATED_QUERY"]