[{"_1":2,"_312":-5,"_313":-5},"loaderData",{"_3":4,"_8":9,"_23":24},"root",{"_5":-5,"_6":7},"user","countable",false,"routes/_main",{"_5":-5,"_10":11},"recentPosts",[12,17,20],{"_13":14,"_15":16},"slug","claude-code-gitlab-support","title","Claude Code's GitLab Support: What Changed",{"_13":18,"_15":19},"github-copilot-pricing-tiers","GitHub Copilot Pricing: Which Tier Do You Actually Need?",{"_13":21,"_15":22},"claude-code-self-hosted-runner-production","Deploying a Self-Hosted Claude Code Runner to Production","routes/creators.$handle",{"_25":26,"_27":26,"_28":29,"_30":7,"_31":32,"_310":7,"_311":111},"handle","oso95","displayName","profileUrl","https://github.com/oso95","verified","skills",[33],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_54":55,"_61":62,"_63":64,"_65":66,"_81":82,"_83":-5,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":-5,"_95":96,"_97":26,"_30":7,"_98":7,"_99":87,"_100":101,"_102":87,"_103":87,"_104":105,"_106":107,"_136":137,"_173":174,"_224":225,"_276":277,"_294":295,"_306":307,"_308":309},"id","gh__oso95__scroll-world__skills-scroll-world","scroll-world-oso95","name","Scroll World","canonicalName","scroll-world","tagline","Create immersive scroll-driven landing pages effortlessly.","description","Build an immersive scroll-scrubbed \"fly through the world\" landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flows on to the next scene with NO cuts — one continuous connected flight (Emons-style isometric diorama world, or any art direction you pick). The skill interviews the user for the topic, the story beats/sections, and brand kit, then generates cohesive scenes + seamless camera clips with Higgsfield and wires a portable, framework-agnostic scroll-scrub engine. The video chain renders through Monid by default (Seedance 2.0, pay-per-clip USD — capability re-checked each build, see Step 4) with Higgsfield credits as the fallback biller. Use when the user wants a \"3D world\" / \"browse-through-the-industry\" hero, a scroll cinematic, a diorama landing, or to turn a business into a scrollable world.","longDescription","Scroll World is a skill designed for developers and designers who want to create engaging landing pages that utilize scrolling as a means to navigate through a visually rich, 3D environment. This skill leverages the capabilities of Higgsfield to generate AI-created visuals and Monid for video rendering, producing a seamless experience where users can scroll to drive a camera that dives into scenes and transitions smoothly to the next. The result is a continuous, immersive journey through various scenes that can represent any industry or brand.\n\nThe process begins with an interactive interview that captures the user's vision for the project. Users can specify the subject of their landing page, provide brand kits, and choose art and camera styles that reflect their desired aesthetic. This flexibility allows for a personalized approach, ensuring that the final product aligns with the user's branding and storytelling goals. The skill generates a series of stills and video clips that are carefully crafted to maintain frame-identical seams, which is crucial for a polished final result.\n\nOne of the key features of Scroll World is its framework-agnostic scrub engine. This means that the generated content can be integrated into any web framework, whether it’s a simple HTML page or a more complex setup like Next.js or Vue. The self-contained JavaScript engine builds its own DOM and styles, making it easy to implement without worrying about compatibility issues. This versatility makes Scroll World an excellent choice for developers looking to enhance their web projects with dynamic, visually appealing landing pages.\n\nOverall, Scroll World is an ideal tool for anyone in the creative industry looking to elevate their web presence through innovative design. Whether you're a freelance designer, a marketing professional, or part of a larger development team, this skill provides the necessary tools to create stunning scroll-driven experiences that captivate users and effectively communicate brand narratives.","primaryCategory","design","subcategory","product-design","secondaryCategories",[53],"development","tags",[56,57,58,59,60],"scroll-driven","landing-page","immersive-design","higgsfield","monid","skillType","workflow","complexity","intermediate","platforms",[67,68,69,70,71,72,73,74,75,76,77,78,79,80],"claude-code","claude-api","codex-cli","cursor","antigravity","github-copilot","windsurf","opencode","cline","roo-code","goose","kiro","continue","trae","delivery","source-link","skillFileUrl","pricing","free","price",0,"thumbnailType","icon","thumbnailIcon","globe","thumbnailColor","blue","thumbnailImageUrl","sellerId","gh__oso95","sellerName","featured","downloads","views",13,"rating","reviewCount","status","active","metrics",{"_108":109,"_110":111,"_112":113,"_114":111,"_115":116,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":111,"_128":129,"_130":131,"_132":133,"_134":135},"freshnessScore",90,"mirrorCount",1,"trustScore",55,"skillCountInRepo","qualityScore",100,"daysSinceUpdate",12,"popularityScore",80,"repoOpenIssues",9,"repoStars",7913,"repoWatchers",30,"repoContributors","overallScore",85,"repoCreatedAt","2026-07-06T21:28:58Z","repoForks",897,"repoPushedAt","2026-07-29T04:44:56Z","source",{"_138":26,"_139":140,"_141":142,"_147":40,"_148":-5,"_145":149,"_150":151,"_152":7,"_153":154,"_155":156,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":171},"owner","repoUrl","https://github.com/oso95/scroll-world","author",{"_28":29,"_143":144,"_37":26,"_25":26,"_145":146},"avatarUrl","https://github.com/oso95.png","type","User","repo","commitSha","github","branch","main","isOfficial","path","skills/scroll-world","license",{"_37":157,"_158":159,"_160":161},"MIT License","spdxId","MIT","url","https://github.com/oso95/scroll-world/blob/main/LICENSE","sourceUpdatedAt","2026-07-29T04:22:43.000Z","redistributable",true,"permalink","https://github.com/oso95/scroll-world/blob/main/skills/scroll-world/SKILL.md","repoFullName","oso95/scroll-world","lastSyncedAt","2026-08-11T01:24:09.099Z","firstSeenAt","seo",{"_175":176,"_187":188,"_189":190,"_208":-5,"_209":210,"_216":217,"_218":219,"_220":221,"_222":223},"useCases",[177,181,184],{"_15":178,"_179":180},"Creating a Brand Landing Page","body","A marketing team uses Scroll World to design a landing page that showcases their brand's story through a scrollable 3D experience.",{"_15":182,"_179":183},"Interactive Portfolio Display","A designer leverages Scroll World to create an interactive portfolio that allows potential clients to explore their work in an engaging format.",{"_15":185,"_179":186},"Product Showcase for E-commerce","An e-commerce business employs Scroll World to build a dynamic landing page that highlights product features through immersive scrolling.","whenNotToUse","This skill may not be suitable for projects requiring real-time interactivity or for those who prefer traditional static landing pages.","faqs",[191,196,199,202,205],{"_192":193,"_194":195},"q","What is Scroll World?","a","Scroll World is a skill that allows you to create immersive landing pages where scrolling drives a camera through a 3D environment, seamlessly transitioning between scenes.",{"_192":197,"_194":198},"What technologies does Scroll World use?","It utilizes Higgsfield for generating visuals and Monid for rendering videos, ensuring high-quality outputs for your landing pages.",{"_192":200,"_194":201},"Can I use Scroll World with any web framework?","Yes, the scrub engine is framework-agnostic, allowing you to integrate it into any web project, whether it's plain HTML or a modern framework like Next.js.",{"_192":203,"_194":204},"What do I need to get started with Scroll World?","You'll need the Monid and Higgsfield CLIs installed, along with ffmpeg for video processing. Ensure you have the necessary credits for rendering.",{"_192":206,"_194":207},"How do I ensure seamless transitions between scenes?","The key is to maintain frame-identical seams between clips. Follow the guidelines provided in the skill documentation to avoid visible pops between scenes.","ogImageUrl","keywords",[211,212,213,214,215],"scroll-driven landing page","immersive web design","3D landing page","Higgsfield","Monid","whenToUse","Use this skill when you want to create a visually engaging landing page that utilizes scrolling to navigate through scenes.","metaTitle","Scroll World - Create Immersive Landing Pages","problemSolved","Scroll World eliminates the need for complex coding and video editing to create immersive landing pages.","metaDescription","Build stunning scroll-driven landing pages with Scroll World, using AI-generated visuals and seamless video transitions.","content",{"_226":227,"_228":229,"_255":256,"_266":267,"_268":7,"_269":270,"_274":275},"bundledFiles",5,"fileTree",[230,237,241,245,248,251],{"_153":231,"_232":233,"_145":234,"_235":236},"SKILL.md","size",49544,"file","language","markdown",{"_153":238,"_232":239,"_145":234,"_235":240},"references/index-template.html",2713,"html",{"_153":242,"_232":243,"_145":234,"_235":244},"references/knockout.py",2855,"python",{"_153":246,"_232":247,"_145":234,"_235":236},"references/pipeline.md",16220,{"_153":249,"_232":250,"_145":234,"_235":236},"references/prompts.md",9986,{"_153":252,"_232":253,"_145":234,"_235":254},"references/scrub-engine.js",28697,"javascript","codeExamples",[257,261,264],{"_235":258,"_259":260},"text","snippet","