claude-gif は何をしますか?
Claude Code向けの究極のGIF生成スキル。6つの生成パイプライン:Remotion、Veo 3.1、SVG-to-透明GIF、FFmpeg、画像シーケンス、AIフレーム。パレット最適化、完全ループ、プラットフォームサイズ調整。
概要
このスキルは、Claude Codeで直接GIFを生成するための強力なツールセットです。複数の生成方法をサポートし、あらゆるユースケースに最適な出力を提供します。
主な機能
- Remotion パイプライン: Reactコンポーネントから高品質なアニメーションGIFを生成
- Veo 3.1 パイプライン: GoogleのVeo 3.1モデルを使用したAI駆動のGIF生成
- SVG-to-透明GIF: SVGファイルを透明背景付きGIFに変換
- FFmpeg パイプライン: 動画ファイルから直接GIFを生成、細かいパラメータ調整が可能
- 画像シーケンス: 連続する画像ファイルからアニメーションGIFを作成
- AIフレーム: AIを使用して静止画間の補間フレームを生成し、滑らかなループを実現
パレット最適化
各パイプラインは、出力GIFのカラーパレットを自動最適化し、ファイルサイズと画質のバランスを最適化します。
プラットフォーム対応サイズ
以下の主要プラットフォーム向けにプリセットサイズを提供:
| プラットフォーム | 推奨サイズ | 最大ファイルサイズ |
|---|---|---|
| Twitter/X | 800x600 | 15MB |
| Slack | 640x480 | 5MB |
| Discord | 512x512 | 8MB |
| GitHub README | 800x400 | 10MB |
使用方法
# 基本的なGIF生成(Claude Code内で使用)
claude-gif create --from "video.mp4" --output "output.gif" --platform twitter
# SVGからの透明GIF生成
claude-gif create --from "animation.svg" --transparent --output "transparent.gif"
# AI補間フレーム生成
claude-gif create --from "frame1.png" "frame2.png" --ai-interpolate --output "smooth.gif"
環境変数
CLAUDE_GIF_API_KEY: Veo 3.1パイプラインのAPIキー(オプション)CLAUDE_GIF_CACHE_DIR: キャッシュディレクトリのパス(デフォルト:~/.claude-gif/cache)
インストール
# 依存関係のインストール
npm install agricidaniel/claude-gif
# またはGitHubから直接
gh repo clone AgriciDaniel/claude-gif