SuperAPI AI 工具集

scrollcraft

设计与创作

查看项目

更新于 10-16 01:34

技能介绍

用途:为任意业务构建高端、滚动驱动的交互式落地页。滚动被视为时间轴,滚轮是拖动条,页面像一部带真实文字的影片,各区块行为不同,促使访客继续滚动。

主要能力:产出访谈简报、页面语法、客户旅程图、带一个刻意设计峰值的情感曲线、滚动乐谱、一个标志性动作、生成素材、一个基于 token 设计底座的真实 HTML 页面,以及证明各滚动位置都成立的截图条。

使用方式:先进行八问访谈并写入 BRIEF.md;运行 node <skill>/scripts/doctor.mjs 预检;用 node <skill>/scripts/workspace.mjs --ensure 解析工作区;复制 engine/scrollcraft.js 与 engine/scrollcraft.css 到构建目录,通过 token 主题化并写自己的标记;用 node <skill>/scripts/kie.mjs still/shot 生成素材,bash <skill>/scripts/encode.sh 编码;最后用 serve.mjs 与 shoot.mjs 滚动验证。

适用场景:服务公司、实体产品、食品品牌、饮品品牌等需要滚动叙事的落地页。

限制:需真实访谈,禁止假设;至少四种设备家族且不连续重复;最多两个 scrub 幕;总长 8 至 14 个视口高度;生成素材需 KIE_AI_API_KEY,使用自有素材则无需;无头 Chrome 无法覆盖真实手机的视频解码、自动播放策略、低电量模式与触摸滚动,移动端需单独验证。缺失事实暂未提供。