aiskillstore avatar

Slack Gif Creator

Creates animated GIFs that meet Slack's specific requirements for custom emoji and message animations. Gives you a GIFBuilder class, easing functions for smooth motion, and validators to check if your output will actually work in Slack before you upload it. The approach is flexible: you draw frames using PIL primitives (circles, polygons, gradients) and the skill handles optimization with color reduction and duplicate frame removal. Includes recipes for common animation patterns like bounce, pulse, and particle bursts. Honestly most useful for the Slack dimension constraints and the easing functions, since raw PIL animations tend to look pretty janky without interpolation.

skills.sh installs
141
GitHub stars
476
last updated
Aug 21, 2026

Install

$ npx -y skills add aiskillstore/marketplace --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/aiskillstore/marketplace
Category
Design & UI/UX
First seen
Jun 3, 2026

More from aiskillstore/marketplace

All 37
1modu-ai avatarmoai-domain-frontendmodu-ai/moai-adkFrontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implem140skills.sh installs
2postplusai avatarxiaohongshu-card-notespostplusai/postplus-skillsTurn an existing HTML page, landing page, oral script, memo draft, result table, or structured source material into a Xiaohongshu card-style image note. Use thi139skills.sh installs
3agnosticui avatarimplement-github-featureagnosticui/agnosticuiDesign and implement a new feature or component from a GitHub issue. Use for net-new functionality, not bug fixes.0skills.sh installs
4claude-office-skills avatarBrand Guidelines Generatorclaude-office-skills/skillsCreate and maintain brand style guides for consistent visual identity0skills.sh installs
5daffy0208 avatarKnowledge Base Managerdaffy0208/ai-dev-standardsDesign, build, and maintain comprehensive knowledge bases. Bridges document-based (RAG) and entity-based (graph) knowledge systems. Use when building knowledge-0skills.sh installs
6mediar-ai avatarbrand-stylemediar-ai/screenpipeScreenpipe brand style guide. Reference this when designing UI components, writing copy, or making visual decisions.0skills.sh installs