This does exactly what you'd expect: helps Claude generate animated GIFs that actually work in Slack. It wraps PIL with constraints for Slack's dimensions (128x128 for emoji, 480x480 for messages), provides easing functions for smooth motion instead of janky linear interpolation, and includes validators so you know before uploading whether your GIF will get rejected. The documentation is unusually thorough on making things look polished rather than programmer art, with specific guidance on line weights, layering shapes, and combining animation concepts like bounce plus rotation. If you're building Slack bots or custom emoji and tired of hand-tweaking GIFs in Photoshop, this gives Claude the guardrails to do it programmatically.

skills.sh installs
264
GitHub stars
33.2K
last updated
Aug 21, 2026

Install

$ npx -y skills add davila7/claude-code-templates --skill slack-gif-creator --agent claude-code

Installs into .claude/skills of the current project.

Files

Slack GIF Creator

A toolkit providing utilities and knowledge for creating animated GIFs optimized for Slack.

Slack Requirements

Dimensions:

  • Emoji GIFs: 128x128 (recommended)
  • Message GIFs: 480x480

Parameters:

  • FPS: 10-30 (lower is smaller file size)
  • Colors: 48-128 (fewer = smaller file size)
  • Duration: Keep under 3 seconds for emoji GIFs

Core Workflow

from core.gif_builder import GIFBuilder
from PIL import Image, ImageDraw

# 1. Create builder
builder = GIFBuilder(width=128, height=128, fps=10)

# 2. Generate frames
for i in range(12):
    frame = Image.new('RGB', (128, 128), (240, 248, 255))
    draw = ImageDraw.Draw(frame)

    # Draw your animation using PIL primitives
    # (circles, polygons, lines, etc.)

    builder.add_frame(frame)

# 3. Save with optimization
builder.save('output.gif', num_colors=48, optimize_for_emoji=True)

Drawing Graphics

Working with User-Uploaded Images

If a user uploads an image, consider whether they want to:

  • Use it directly (e.g., "animate this", "split this into frames")
  • Use it as inspiration (e.g., "make something like this")

Sponsors

Details

Repository
github.com/davila7/claude-code-templates
Category
Design & UI/UX
First seen
Jun 3, 2026

More from davila7/claude-code-templates

All 618
1pluginagentmarketplace avatarangular-materialpluginagentmarketplace/custom-plugin-angularAngular Material UI components, theming, and accessible interface design262skills.sh installs
2eachlabs avatarinfographic-generationeachlabs/skillsGenerate professional infographics using each::sense AI. Create statistical, process, comparison, timeline, list, geographic, hierarchical, resume, report, and 260skills.sh installs
3jdrhyne avatarelegant-reportsjdrhyne/agent-skillsGenerate beautifully designed PDF reports with a Nordic/Scandinavian aesthetic. Use when creating polished executive briefings, analysis reports, or presentatio259skills.sh installs
4prompticeu avatarpromptslideprompticeu/promptslideCreates and authors slide deck presentations using the PromptSlide framework (Vite + React 19 + Tailwind v4 + Framer Motion). Use when the user wants to create 258skills.sh installs
5promptadvisers avatarn8n-workflow-architectpromptadvisers/n8n-powerhouseStrategic automation architecture advisor. Use when users want to plan automation solutions, evaluate their tech stack (Shopify, Zoho, HubSpot, etc.), decide be252skills.sh installs
6pproenca avatarrails-application-ui-blockspproenca/dot-skillsCompose new Rails backend pages and refactor existing Rails UI to use premium blocks from templates/application-ui. Use when requests mention ERB views, Rails p251skills.sh installs