composiohq avatar

Slack Gif Creator

This is a surprisingly complete toolkit for something as specific as Slack GIFs. It gives you validators that actually check the 64KB emoji limit (which is genuinely strict), plus composable primitives like shake, bounce, explode, and morph that you can combine however you want. The primitives are well thought out with things like easing options, arc trajectories, and heartbeat pulses. What's useful is the clear distinction between message GIFs (2MB, more forgiving) and emoji GIFs (64KB, painful), plus specific strategies for hitting that tiny limit like using 32-48 colors and 10-15 frames max. If you've ever tried to manually optimize an animated emoji for Slack, you know how annoying the file size dance gets.

skills.sh installs
4.4K
GitHub stars
79.2K
last updated
Aug 21, 2026

Install

$ npx -y skills add composiohq/awesome-claude-skills --skill slack-gif-creator --agent claude-code

Installs into .claude/skills of the current project.

Files

Slack GIF Creator - Flexible Toolkit

A toolkit for creating animated GIFs optimized for Slack. Provides validators for Slack's constraints, composable animation primitives, and optional helper utilities. Apply these tools however needed to achieve the creative vision.

Slack's Requirements

Slack has specific requirements for GIFs based on their use:

Message GIFs:

  • Max size: ~2MB
  • Optimal dimensions: 480x480
  • Typical FPS: 15-20
  • Color limit: 128-256
  • Duration: 2-5s

Emoji GIFs:

  • Max size: 64KB (strict limit)
  • Optimal dimensions: 128x128
  • Typical FPS: 10-12
  • Color limit: 32-48
  • Duration: 1-2s

Emoji GIFs are challenging - the 64KB limit is strict. Strategies that help:

  • Limit to 10-15 frames total
  • Use 32-48 colors maximum
  • Keep designs simple
  • Avoid gradients
  • Validate file size frequently

Toolkit Structure

This skill provides three types of tools:

  1. Validators - Check if a GIF meets Slack's requirements
  2. Animation Primitives - Composable building blocks for motion (shake, bounce, move, kaleidoscope)
  3. Helper Utilities - Optional functions for common needs (text, colors, effects)

Sponsors

Details

Repository
github.com/composiohq/awesome-claude-skills
Category
Design & UI/UX
First seen
May 16, 2026

More from composiohq/awesome-claude-skills

All 32
1adithya-s-k avatarmanimce-best-practicesadithya-s-k/manim_skillTrigger when: (1) User mentions "manim" or "Manim Community" or "ManimCE", (2) Code contains `from manim import *`, (3) User runs `manim` CLI commands, (4) Work4.4Kskills.sh installs
2wordpress avatarwpdswordpress/agent-skillsUse when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.4.3Kskills.sh installs
3apollographql avatargraphql-schemaapollographql/skillsGuide for designing GraphQL schemas following industry best practices. Use this skill when: (1) designing a new GraphQL schema or API, (2) reviewing existing sc4.3Kskills.sh installs
4dpearson2699 avatarswiftui-liquid-glassdpearson2699/swift-ios-skillsImplement, review, or improve SwiftUI Liquid Glass effects for iOS 26+. Covers glassEffect modifier, GlassEffectContainer, glass button styles, glass toolbar/ta4.3Kskills.sh installs
5giuseppe-trisciuoglio avatarspring-boot-rest-api-standardsgiuseppe-trisciuoglio/developer-kitProvides REST API design standards and best practices for Spring Boot projects. Use when creating or reviewing REST endpoints, DTOs, error handling, pagination,4.3Kskills.sh installs
6softaworks avatarskill-judgesoftaworks/agent-toolkitEvaluate Agent Skill design quality against official specifications and best practices. Use when reviewing, auditing, or improving SKILL.md files and skill pack4.3Kskills.sh installs