一键生成「滚动穿越」3D品牌世界：让官网秒变沉浸式视觉大片

你是否厌倦了千篇一律的静态企业官网？想让用户一进入网站就眼前一亮，仿佛坐上镜头穿梭机，从高空俯瞰品牌全景，再流畅飞入产品车间、服务场景、未来愿景——全程无剪辑、无跳转、一气呵成？scroll-world 正是为此而生：它不是传统网页框架，而是一个智能「AI技能插件」，能将任意行业或品牌，瞬间转化为可滚动操控的连续3D叙事世界。无需3D建模经验，不用写一行Three.js代码，只需向AI开发助手发出指令，5秒内就能生成堪比专业影视级的交互式落地页。

核心功能

• 无缝飞行动线：模拟电影级运镜逻辑，滚动即“飞行”——从品牌外景缓缓推进至内部空间，再自然过渡到下一场景，全程零卡顿、无切口
• 零代码品牌定制：输入品牌名称、行业类型（如“新能源汽车”“中医诊所”“独立咖啡馆”），自动匹配场景语义、材质光照与空间结构
• 多AI平台原生支持：深度适配 Claude Code、Codex、Cursor 等主流AI编程助手，通过 /scroll-world 或 $scroll-world 一键调用
• 模块化技能架构：采用标准化 SKILL.md 协议，可直接集成进企业私有AI工作流，也支持手动部署到本地技能目录
• 轻量纯前端运行：基于现代WebGL与ScrollTrigger优化，不依赖后端渲染，加载快、兼容好、手机端同样丝滑
• 开箱即用的视觉范式：内置物流中心、科技展厅、生态农场、城市地标等10+行业模板，支持快速微调文案、配色与视角节奏

适合哪些人用

这款工具专为追求高效与质感并存的数字创作者打造：前端工程师想快速交付高传播度的营销页却苦于3D开发成本；产品经理需要向客户演示“未来感体验”但缺乏设计资源；独立开发者、SaaS初创团队、创意工作室，甚至高校数字媒体课程师生——只要你想用技术讲好一个品牌故事，又不愿陷入复杂引擎配置，scroll-world 就是你手边最聪明的视觉加速器。

快速上手

安装极简，三步见效：

• Claude Code 用户：在编辑器中输入命令：/plugin marketplace add oso95/scroll-world → /plugin install scroll-world@scroll-world，随后直接说“帮我做一个XX品牌的滚动穿越世界”，或输入/scroll-world触发
• Codex / Cursor / 其他技能兼容助手：终端运行 npx skills add oso95/scroll-world，按提示选择目标AI工具，完成后用 $scroll-world 调用
• 手动集成（高级用户）：克隆仓库后，将 skills/scroll-world 文件夹复制到对应AI工具的技能目录（如 Claude Code 默认路径为 ~/.claude/skills/）

生成后，你会获得一套完整HTML+JS资源，可直接部署至Vercel、GitHub Pages或自有服务器，所有动画均由浏览器实时渲染，无需额外服务支持。

项目信息

JavaScript｜712 ⭐｜MIT 开源协议｜GitHub 项目地址

这个项目用极简的设计哲学证明了一件事：最震撼的交互体验，往往诞生于最克制的技术表达——它不造轮子，而是让AI成为你的3D导演，让滚动成为用户的通行证。