Kiro Motion Studio

KIRO Motion Studio

用代码做 AE 级炫酷视觉视频的 Claude Skill + 示例源码。

• SKILL.md：给 AI 读的工作流，覆盖审美标准、卡点剪辑、转场库、2D/3D 渲染管线、音频节拍、歌词对齐、质检、交付。
• examples/：真实作品源码
  • 2d-canvas/：KIRO 片头 v2/v3、个人展示片、Kimi 热点视频、封面（Node + @napi-rs/canvas → ffmpeg）
  • mv-lyrics/：《全息恋人》MV 渲染与 faster-whisper 歌词对齐
  • kiro-3d-logo/：KIRO 3D 部落铬金属 Logo 片（three.js + 无头 Chromium）
  • kjstar-cosmic-vj/：Kjstar 宇宙遨游 VJ（星座 / 星系 / 黑洞 / 行星）
  • baifu-collage-vj/：BAIFU 阳光拼贴循环 VJ（程序化拼贴素材 + 像素拖影故障）

安装为 Skill

把整个文件夹放进 ~/.claude/skills/kiro-motion-studio/，或在 claude.ai 设置 → Skills 上传 SKILL.md。

运行 3D 示例

npm i three playwright-core esbuild opentype.js @fontsource/shrikhand @fontsource/rock-salt @fontsource/space-mono
npx esbuild scene.js --bundle --format=iife --loader:.woff=binary --outfile=bundle.js
node drive.js stills 1.0,5.0,12.0 out          # 预览静帧
node drive.js video part1.mp4 0 900             # 渲染帧区间（60fps）

注：drive.js 里的 Chromium 路径需改成你本机的路径。