title-sequence-3d
这是一个用于在代码中制作电影感 3D 片头序列(8-15 秒)的技能,配合 Claude Code 与 Three.js 使用。镜头会穿过一个有光照的 3D 场景(例如夜晚的雨街),最后落在你的问题或标题上。技能强调先读取品牌文件(brand.md、MOTION.md),否则先运行 brand-intake 或索取十六进制色值、字体与 logo 文件;随后要求提供收尾台词、场景世界、场景中的物体(真实 logo 文件)以及品牌色与画幅尺寸。构建规则要求声音不可省略、用卡片与图像而非线条、logo 填满卡片并使用真实文件、网格对称,且前 3 秒必须足够惊艳。最终产出一个自包含的 index.html,使用固定版本的 Three.js,包含缓慢平稳的推轨镜头、发光招牌、UnrealBloomPass 柔和泛光、标题排版,以及可选的代码生成音效;每帧由时间推导,雨滴使用种子随机,并提供 window.seek(seconds)。构建后需在 1 秒、中间和最后一秒截帧检查,最后可用 HyperFrames 导出,或另做 9 秒、小于 5MB 的 GIF。