用途：用代码生成 GIF 动画，适合文字动画、UI 元素、几何图案、数据驱动视觉等可编程表达的内容，而非屏幕录制。流程为：构思 → React 组件 → Remotion 渲染 PNG 帧 → gif_frames.py → 优化 GIF。
使用方式：先确认 Node.js 18+ 与 Remotion（node --version、npx remotion --version）；若无项目则创建：cd /tmp/claude-gif、npx create-video@latest gif-studio --template blank、cd gif-studio、npm install，已存在则复用。编写组件于 /tmp/claude-gif/gif-studio/src/GifComposition.tsx，在 Root.tsx 注册 Composition（含 id、durationInFrames、fps、width、height）。渲染帧序列：npx remotion render src/index.ts GifOutput --image-format png --sequence --output /tmp/claude-gif/frames/frame%04d.png --concurrency 4。合成：~/.video-skill/bin/python3 ~/.claude/skills/claude-gif/scripts/gif_frames.py --input-dir /tmp/claude-gif/frames/ --fps 15 --width 480 --preset web --output ~/Documents/gif_output/animation.gif（或用 gif_convert.sh）。过大时用 gif_optimize.py 按目标大小压缩，最后清理帧目录但保留项目。
主要能力：支持文字弹跳、加载旋转、计数器、Logo 揭示、进度条、表情包、打字机、彩带粒子等模板；建议尺寸 480-640px、FPS 10-20、时长 1-5 秒。
限制与规则：优先纯色、限制 4-8 色、避免渐变/阴影/模糊与抗锯齿以缩小文件；宽度决定体积，480px 为宜；始终渲染为 PNG 帧序列而非视频；可先 npx remotion preview 本地预览。文档还列出常见错误（模块缺失、Composition 未找到、空白帧、文件过大、文字像素化）及修复方式。
适用场景：品牌动效、状态提示、数据展示、庆祝动效等。收费、平台支持等未提供。