Communitygithub.com

AgriciDaniel/claude-gif

Claude Code向けの究極のGIF生成スキル。Remotion、Veo 3.1、SVGから透明GIF、FFmpeg、画像シーケンス、AIフレームの6つのパイプラインを搭載。パレット最適化、完全ループ、プラットフォームごとのサイズ調整を実現。

claude-gif とは?

このスキルは、Claude Code上で動作する高機能なGIF生成ツールです。6つの異なる生成パイプライン(Remotion、Veo 3.1、SVG-to-transparent-GIF、FFmpeg、画像シーケンス、AIフレーム)を備え、多様なソースから最適なGIFを作成できます。主な特徴として、パレット最適化による高品質な色表現、完全ループ対応、そしてTwitterやSlackなど各プラットフォームに最適化されたサイズ調整機能があります。開発者はClaude Code内で自然言語の指示を与えるだけで、コーディング作業なしにプロフェッショナルなGIFを生成できます。SVGから透明背景GIFを生成する機能は特にユニークで、ロゴやアイコンのアニメーション作成に有用です。また、AIを活用したフレーム生成により、静止画から滑らかなアニメーションを作成することも可能です。

対応✓Claude Code~Codex CLI~Cursor
npx skills add AgriciDaniel/claude-gif

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

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/X800x60015MB
Slack640x4805MB
Discord512x5128MB
GitHub README800x40010MB

使用方法

# 基本的な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

関連スキル