Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
agricidaniel avatar

Claude Gif

  • 2 installs
  • 22 repo stars
  • Updated April 10, 2026
  • agricidaniel/claude-gif

claude-gif is a Claude Code skill that orchestrates five sub-skills to create, generate, convert, optimize, and edit animated GIFs.

About

claude-gif is a Claude Code skill that orchestrates five GIF sub-skills to create, generate, convert, optimize, and edit animated GIFs. It detects intent from a description or file path and routes to the right pipeline, using Remotion, Veo, FFmpeg, and gifsicle under the hood. Developers use it as a single entry point for producing platform-sized GIFs for Discord, Slack, Twitter, or the web.

  • Orchestrator routing GIF work across five sub-skills
  • Create, generate, convert, optimize, and edit GIFs from one entry point
  • Platform presets for Discord, Slack, Twitter, web, and HQ

Claude Gif by the numbers

  • 2 all-time installs (skills.sh)
  • Ranked #1,166 of 1,335 Generative Media skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
At a glance

claude-gif capabilities & compatibility

Capabilities
gif create · gif generate · gif convert · gif optimize · gif edit
Use cases
image generation · video generation
From the docs

What claude-gif says it does

Orchestrates five sub-skills to create, generate, convert, optimize, and edit GIFs.
SKILL.md
Ultimate GIF creator: AI video-to-GIF (Veo 3.1), programmatic animations (Remotion),
SKILL.md
npx skills add https://github.com/agricidaniel/claude-gif --skill claude-gif

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs2
repo stars22
Last updatedApril 10, 2026
Repositoryagricidaniel/claude-gif

What it does

Route a GIF task to the right pipeline by auto-detecting intent from a description or file path.

Who is it for?

Turning an idea, video, image sequence, or SVG into an optimized, platform-sized GIF.

Skip if: Producing non-GIF video output or long-form video editing.

When should I use this skill?

You say gif, create gif, make gif, convert to gif, or optimize gif.

What you get

An optimized GIF sized for the target platform, produced through the correct sub-skill pipeline.

  • optimized GIF
  • platform-sized output

By the numbers

  • orchestrates 5 sub-skills
  • 5 quality presets (discord, slack, twitter, web, hq)

Files

SKILL.mdMarkdownGitHub ↗

claude-gif -- The Ultimate GIF Creator

Orchestrates five sub-skills to create, generate, convert, optimize, and edit GIFs. Every path from concept to final optimized GIF runs through this skill.

Quick Reference

CommandDescriptionSub-Skill
/gif create <idea>Programmatic animation via Remotion (text, spinners, memes, motion graphics)claude-gif-create
/gif generate <prompt>AI video generation via Veo 3.1, then convert to GIFclaude-gif-generate
/gif convert <path>Convert video, image sequence, or animated SVG to GIFclaude-gif-convert
/gif optimize <path>Reduce GIF file size for a target platformclaude-gif-optimize
/gif edit <path>Modify an existing GIF (speed, reverse, crop, text, trim)claude-gif-edit
/gif setupInstall/verify all dependencies(setup.sh)
/gif <idea>Auto-detect best approach from description(orchestrator routes)

Orchestration Logic

When the user invokes /gif, determine intent and route to the correct sub-skill.

Intent Detection

1. Has a file path to a video/image/SVG? --> /gif convert 2. Has a file path to an existing GIF?

  • Mentions size, compress, platform fit --> /gif optimize
  • Mentions speed, reverse, crop, text, trim --> /gif edit

3. Describes a text animation, spinner, counter, meme, logo animation, progress bar? --> /gif create 4. Describes realistic/cinematic motion, product demo, abstract art, nature scene? --> /gif generate 5. Ambiguous description of something to animate?

  • If it involves text, geometric shapes, UI elements --> /gif create (Remotion)
  • If it involves photorealistic subjects, complex motion --> /gif generate (Veo)

6. Mentions "optimize", "compress", "reduce", "fit", platform name? --> /gif optimize 7. Mentions "edit", "speed", "reverse", "crop", "text overlay"? --> /gif edit 8. Says "setup" or "install"? --> Run bash ~/.claude/skills/claude-gif/scripts/setup.sh

Routing Commands

/gif create "bouncing hello world text"      --> claude-gif-create
/gif generate "campfire flickering at night"  --> claude-gif-generate
/gif convert ~/Videos/clip.mp4               --> claude-gif-convert
/gif convert ~/Design/logo.svg               --> claude-gif-convert (Mode D: SVG)
/gif optimize ~/Documents/gif_output/big.gif --> claude-gif-optimize
/gif edit ~/Documents/gif_output/clip.gif    --> claude-gif-edit
/gif setup                                   --> scripts/setup.sh

Bare /gif <description> Routing

When no explicit sub-command is given, analyze the description:

  • Keywords "text", "spinner", "loading", "counter", "meme", "typewriter", "logo reveal", "progress" --> create
  • Keywords "realistic", "cinematic", "product", "nature", "abstract", "person", "animal" --> generate
  • A file path to .mp4/.webm/.mov/.avi/.mkv/.svg --> convert
  • A file path to .gif + size/platform keywords --> optimize
  • A file path to .gif + edit keywords --> edit

Quality Presets

PresetWidthFPSColorsDitherMax SizeBest For
discord320px10128bayer:3256 KBDiscord inline embeds
slack400px12192floyd_steinberg500 KBSlack messages
twitter480px15256floyd_steinberg15 MBTwitter/X posts
web480px15256floyd_steinberg2 MBGeneral web usage
hq640px20256sierra210 MBHigh-quality display

Safety Rules

1. No-overwrite: Always pass -n to FFmpeg (skip if output exists). Only pass -y when user explicitly says overwrite. 2. Source protection: NEVER write output to the same path as input. Preflight catches this. 3. Cost confirmation: Veo generation costs money. Always confirm with user before calling generate.py. 4. Temp isolation: All intermediate files go in /tmp/claude-gif/. Clean up on completion. 5. Output directory: Final GIFs go to ~/Documents/gif_output/ unless user specifies a different path. 6. Preflight check: Run bash ~/.claude/skills/claude-gif/scripts/preflight.sh <input> <output> before any file write.

Multi-Step Pipelines

Complex requests may chain sub-skills:

generate --> convert --> optimize
  (Veo)    (to GIF)   (for Discord)

create --> optimize
(Remotion)  (shrink)

convert --> edit --> optimize
(video)   (trim)   (platform)

convert (SVG) --> optimize
  (Playwright)    (for web)

Always plan the full pipeline before starting. Tell the user the steps.

Pre-Flight

Before ANY write operation:

bash ~/.claude/skills/claude-gif/scripts/preflight.sh <input_file> <output_file>

On /gif setup or first use:

bash ~/.claude/skills/claude-gif/scripts/check_deps.sh

If dependencies are missing:

bash ~/.claude/skills/claude-gif/scripts/setup.sh

Reference Files

Load on demand -- only read the reference relevant to the current task:

ReferencePathWhen to Load
GIF Optimization~/.claude/skills/claude-gif/references/gif-optimization.mdBefore optimize, or choosing palette/dither settings
Platform Specs~/.claude/skills/claude-gif/references/platform-specs.mdWhen targeting a specific platform
Remotion Patterns~/.claude/skills/claude-gif/references/remotion-gif.mdBefore writing Remotion components
Prompt Engineering~/.claude/skills/claude-gif/references/prompt-engineering.mdBefore constructing Veo prompts
Perfect Loops~/.claude/skills/claude-gif/references/perfect-loops.mdWhen making seamless loops

Scripts

ScriptPathPurpose
setup.shscripts/setup.shInstall and verify all dependencies
check_deps.shscripts/check_deps.shCheck dependency status (JSON, no installs)
preflight.shscripts/preflight.shSafety check before writes (input/output validation)
gif_convert.shscripts/gif_convert.shFFmpeg two-pass palette video-to-GIF conversion
gif_optimize.pyscripts/gif_optimize.pyMulti-strategy GIF size optimizer (Python)
gif_loop.pyscripts/gif_loop.pyPerfect loop creator: crossfade, ping-pong, freeze blend (Python)
gif_frames.pyscripts/gif_frames.pyAssemble PNG/JPEG frames into optimized GIF (Python)

All scripts are in ~/.claude/skills/claude-gif/scripts/. Python scripts use ~/.video-skill/bin/python3 (venv with Pillow, numpy).

Sub-Skills

Sub-SkillWhen to Use
claude-gif-createProgrammatic animations: text, spinners, counters, memes, logos, progress bars, motion graphics. Uses Remotion (React + Node.js).
claude-gif-generateAI-generated motion: cinematic loops, product demos, abstract art, realistic subjects. Uses Veo 3.1 (costs money).
claude-gif-convertFile conversion: video to GIF, image sequence to GIF, AI image sequence to GIF, animated SVG to transparent GIF.
claude-gif-optimizeSize reduction: platform auto-fit, lossy compression, color/dimension/frame reduction, dither tuning.
claude-gif-editModify existing GIFs: speed change, reverse, ping-pong, crop, resize, text overlay, frame extraction, loop control, trim.

Workflow Example

User: "Make me a Discord-sized GIF of a cozy campfire loop"

1. Route to claude-gif-generate (realistic motion = Veo) 2. Read references/prompt-engineering.md for loop-friendly prompt patterns 3. Confirm cost with user (~$0.60 for 4s Veo Fast) 4. Generate 4s campfire video via Veo 5. Convert to GIF: gif_convert.sh --input campfire.mp4 --preset discord 6. Perfect loop: gif_loop.py --input campfire.gif --method crossfade --frames 5 7. Verify size < 256KB. If over, route through claude-gif-optimize 8. Deliver to ~/Documents/gif_output/campfire_discord.gif

Related skills

FAQ

What can claude-gif produce?

It creates programmatic animations, generates AI video-to-GIF, converts video/images/SVG to GIF, and optimizes or edits existing GIFs.

Does it size GIFs per platform?

Yes. It has quality presets for Discord, Slack, Twitter/X, web, and high-quality display.

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.