WhatIsIt
A flexible toolkit for creating animated GIFs optimized for Slack's specific constraints. It provides validators for Slack's size limits, composable animation primitives, and helper utilities. The skill handles both message GIFs (up to ~2MB) and the challenging emoji GIFs (strict 64KB limit), with comprehensive tools for ensuring GIFs meet Slack's requirements while maintaining creative freedom.
HowToUse
The toolkit provides three types of tools:
1. Validators - Ensure GIFs meet Slack's strict requirements:
- File size checker (64KB for emoji, ~2MB for messages)
- Dimension validator (128x128 optimal for emoji, 480x480 for messages)
- Complete validation suite
2. Animation Primitives - Composable building blocks:
- Shake, bounce, spin, pulse, fade
- Zoom, explode, wiggle, slide, flip
- Morph, move (linear/arc/circle/wave), kaleidoscope
- All primitives can be combined freely
3. Helper Utilities (optional):
- GIF builder with automatic optimization
- Text rendering with outlines for readability
- Color palettes (vibrant, pastel, dark, neon, professional)
- Visual effects (particles, flash, shockwaves)
- Easing functions for smooth motion
For emoji GIFs specifically, the skill provides aggressive optimization strategies to meet the challenging 64KB limit (10-15 frames, 32-48 colors, simple designs).
KeyFeatures
- Slack constraint validators - Automatic checking for size and dimension limits
- 12+ composable animation primitives - Shake, bounce, spin, pulse, fade, zoom, explode, etc.
- Emoji GIF optimization - Aggressive strategies for 64KB limit (strict)
- Message GIF support - Handle larger animations up to ~2MB
- Complete creative freedom - Mix primitives freely to achieve any vision
- Easing functions - Smooth, natural motion (ease_in, ease_out, bounce, elastic, etc.)
- Visual effects system - Particles, flashes, shockwaves for impact
- Professional color palettes - Pre-made cohesive color schemes
- GIF builder with automatic color quantization and optimization
GithubStats
Information
Categories
Tags
Features
RelatedSkills
MoreFromAlgorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration
Canvas Design
Create beautiful visual art in .png and .pdf formats using design philosophy
Internal Communications
Write internal communications like status reports, newsletters, and FAQs