Skip to content
/slack-gif-creatorOfficial

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, easing functions, and animation concepts.

CreativeAnimationGIFSlackPythonΒ· 2 min read

Quick import: Download the .md file and save it to .claude/commands/ (Claude Code), .cursorrules (Cursor), or paste as a system prompt in ChatGPT, Gemini, or any LLM API.

#What it does

The Slack GIF Creator skill provides a complete toolkit for creating animated GIFs optimized for Slack, including size constraints, validation tools, easing functions, frame composition helpers, and animation concept guidance. It uses PIL/Pillow for drawing and a custom GIFBuilder for assembly and optimization.

#How to use

Activate when users request animated GIFs for Slack.

Make me a GIF of a bouncing ball for Slack
Create an animated emoji GIF of a spinning star

#Skill instructions

#Slack Requirements

| Type | Dimensions | FPS | Duration | |------|-----------|-----|----------| | Emoji GIFs | 128x128 | 10-30 | Under 3 seconds | | Message GIFs | 480x480 | 10-30 | Flexible |

#Core Workflow

  1. Create a GIFBuilder with target dimensions and FPS
  2. Generate frames using PIL drawing primitives (circles, polygons, lines, rectangles)
  3. Save with optimization (color reduction, duplicate frame removal)

#Available Utilities

  • GIFBuilder: Frame assembly and Slack-optimized output
  • Validators: Check if GIF meets Slack requirements
  • Easing Functions: Smooth motion (ease_in, ease_out, bounce_out, elastic_out, back_out)
  • Frame Helpers: Blank frames, gradient backgrounds, shape helpers

#Animation Concepts

  • Shake/Vibrate: Oscillating position offsets with sin()/cos()
  • Pulse/Heartbeat: Rhythmic size scaling
  • Bounce: Gravity simulation with easing
  • Spin/Rotate: Angle-based rotation with optional wobble
  • Fade In/Out: Alpha channel manipulation
  • Slide: Off-screen to position with easing
  • Explode/Particle Burst: Radial particle systems with decay

#Design Quality

  • Use thick lines (width 2+) for polished appearance
  • Add visual depth with gradients and layered shapes
  • Use vibrant, complementary colors with strong contrast
  • Combine animation concepts for more dynamic results

This skill is from the Anthropic Skills Repository.

AnthropicΒ·
View all skills