KRYPT-123

Kiro Motion Studio — Development skill for Claude Code

Development community

KIRO Motion Studio — 用代码做 AE 级炫酷视觉视频的 Claude Skill + 作品源码.

How to install Kiro Motion Studio

This entry records only its repository, not the path inside it, so there is no exact command to give. Open KRYPT-123/kiro-motion-studio and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Kiro Motion Studio does

KIRO Motion Studio — 用代码做 AE 级炫酷视觉视频的 Claude Skill + 作品源码.

Alternatives in Development

HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★
AgenticResourceRegistry — Share and discover coding agent resources across your team 4.5k ★
Lumenx Build — LumenX Studio 桌面应用构建流程 - macOS DMG 和 Windows EXE 打包 1.2k ★

README

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 路径需改成你本机的路径。