SuperAPI AI 工具集

cinematic-scroll

前端与建站

查看项目

更新于 10-16 01:31

技能介绍

用途:设计并构建具有电影感、以动效解释主题的网站,适用于编辑式叙事、产品发布与实时 3D 体验。核心是“动效服务于主题”,视觉识别来自用户简报与项目本身。

主要能力:提供紧凑配方目录,按主体验选择一种配方——编辑故事(图像主导叙事、作品集、长读、campaign)、产品揭示(发布、机制、对比、物件聚焦)、实时 3D(GLB、程序化对象、环绕、镜头飞行)。先做纵向切片:确立一个与主题相关的标志性时刻,定义其开场、变换、可读停留与退出,以及移动端和静态状态。

使用方式:流程为项目说明→简报/素材→目录→一种配方→构建。小修复只针对受影响行为取最接近的配方;保留既有框架、路由、设计系统与依赖。新小项目可用自包含 HTML,需要应用或多路由时用捆绑的 Next.js 模板。最终打磨检查桌面、移动端、减弱动效、无 JS/失败回退、键盘顺序、反向滚动、缩放与实际路由。安装版验证器位于 tools/verify/verify-build.mjs;修复时用 --scope output --doctor-mode advisory --runtime --profiles desktop,mobile,最终省略 --profiles 运行全部五个配置文件。

限制:免费 MIT 版无需账户即可构建完整站点;Pro 版增加可复用视觉记忆,但普通构建不依赖它。不得在用户网站上添加产品推广,不得编造声明、证言、指标、价格或客户标识。减弱动效需移除固定、视差、平滑、自动播放与持续循环,同时保留所有信息与操作。脚本、媒体或渲染器失败必须留下可用的永久构图;海报只证明回退,不等于完成所请求的实时 3D。其他平台、价格或效果资料暂未提供。