slack-gif-creator by composiohq/awesome-claude-skills
npx skills add https://github.com/composiohq/awesome-claude-skills --skill slack-gif-creator一个用于创建针对 Slack 优化的动画 GIF 的工具包。提供 Slack 约束条件的验证器、可组合的动画基元以及可选的辅助工具。根据创意需求灵活运用这些工具。
Slack 根据 GIF 的用途有特定的要求:
消息 GIF:
表情符号 GIF:
表情符号 GIF 具有挑战性 - 64KB 的限制非常严格。以下策略有所帮助:
此技能提供三种类型的工具:
在如何应用这些工具方面拥有完全的创作自由。
为确保 GIF 符合 Slack 的约束条件,请使用以下验证器:
from core.gif_builder import GIFBuilder
# 创建 GIF 后,检查是否符合要求
builder = GIFBuilder(width=128, height=128, fps=10)
# ... 以任意方式添加帧 ...
# 保存并检查大小
info = builder.save('emoji.gif', num_colors=48, optimize_for_emoji=True)
# save 方法在文件超出限制时会自动警告
# info 字典包含:size_kb, size_mb, frame_count, duration_seconds
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
文件大小验证器:
from core.validators import check_slack_size
# 检查 GIF 是否符合大小限制
passes, info = check_slack_size('emoji.gif', is_emoji=True)
# 返回:(True/False, 包含大小详情的字典)
尺寸验证器:
from core.validators import validate_dimensions
# 检查尺寸
passes, info = validate_dimensions(128, 128, is_emoji=True)
# 返回:(True/False, 包含尺寸详情的字典)
完整验证:
from core.validators import validate_gif, is_slack_ready
# 运行所有验证
all_pass, results = validate_gif('emoji.gif', is_emoji=True)
# 或快速检查
if is_slack_ready('emoji.gif', is_emoji=True):
print("准备上传!")
这些是用于创建运动效果的可组合构建块。可以任意组合应用于任何对象:
from templates.shake import create_shake_animation
# 抖动一个表情符号
frames = create_shake_animation(
object_type='emoji',
object_data={'emoji': '😱', 'size': 80},
num_frames=20,
shake_intensity=15,
direction='both' # 或 'horizontal', 'vertical'
)
from templates.bounce import create_bounce_animation
# 弹跳一个圆形
frames = create_bounce_animation(
object_type='circle',
object_data={'radius': 40, 'color': (255, 100, 100)},
num_frames=30,
bounce_height=150
)
from templates.spin import create_spin_animation, create_loading_spinner
# 顺时针旋转
frames = create_spin_animation(
object_type='emoji',
object_data={'emoji': '🔄', 'size': 100},
rotation_type='clockwise',
full_rotations=2
)
# 摇摆旋转
frames = create_spin_animation(rotation_type='wobble', full_rotations=3)
# 加载指示器
frames = create_loading_spinner(spinner_type='dots')
from templates.pulse import create_pulse_animation, create_attention_pulse
# 平滑脉动
frames = create_pulse_animation(
object_data={'emoji': '❤️', 'size': 100},
pulse_type='smooth',
scale_range=(0.8, 1.2)
)
# 心跳(双脉冲)
frames = create_pulse_animation(pulse_type='heartbeat')
# 用于表情符号 GIF 的注意脉冲
frames = create_attention_pulse(emoji='⚠️', num_frames=20)
from templates.fade import create_fade_animation, create_crossfade
# 淡入
frames = create_fade_animation(fade_type='in')
# 淡出
frames = create_fade_animation(fade_type='out')
# 两个表情符号之间的交叉淡入淡出
frames = create_crossfade(
object1_data={'emoji': '😊', 'size': 100},
object2_data={'emoji': '😂', 'size': 100}
)
from templates.zoom import create_zoom_animation, create_explosion_zoom
# 戏剧性放大
frames = create_zoom_animation(
zoom_type='in',
scale_range=(0.1, 2.0),
add_motion_blur=True
)
# 缩小
frames = create_zoom_animation(zoom_type='out')
# 爆炸缩放
frames = create_explosion_zoom(emoji='💥')
from templates.explode import create_explode_animation, create_particle_burst
# 爆发式爆炸
frames = create_explode_animation(
explode_type='burst',
num_pieces=25
)
# 粉碎效果
frames = create_explode_animation(explode_type='shatter')
# 溶解成粒子
frames = create_explode_animation(explode_type='dissolve')
# 粒子爆发
frames = create_particle_burst(particle_count=30)
from templates.wiggle import create_wiggle_animation, create_excited_wiggle
# 果冻状摇晃
frames = create_wiggle_animation(
wiggle_type='jello',
intensity=1.0,
cycles=2
)
# 波浪运动
frames = create_wiggle_animation(wiggle_type='wave')
# 用于表情符号 GIF 的兴奋摇晃
frames = create_excited_wiggle(emoji='🎉')
from templates.slide import create_slide_animation, create_multi_slide
# 从左侧滑入并带有过冲
frames = create_slide_animation(
direction='left',
slide_type='in',
overshoot=True
)
# 横向滑动
frames = create_slide_animation(direction='left', slide_type='across')
# 多个对象按顺序滑动
objects = [
{'data': {'emoji': '🎯', 'size': 60}, 'direction': 'left', 'final_pos': (120, 240)},
{'data': {'emoji': '🎪', 'size': 60}, 'direction': 'right', 'final_pos': (240, 240)}
]
frames = create_multi_slide(objects, stagger_delay=5)
from templates.flip import create_flip_animation, create_quick_flip
# 两个表情符号之间的水平翻转
frames = create_flip_animation(
object1_data={'emoji': '😊', 'size': 120},
object2_data={'emoji': '😂', 'size': 120},
flip_axis='horizontal'
)
# 垂直翻转
frames = create_flip_animation(flip_axis='vertical')
# 用于表情符号 GIF 的快速翻转
frames = create_quick_flip('👍', '👎')
from templates.morph import create_morph_animation, create_reaction_morph
# 交叉淡入淡出变形
frames = create_morph_animation(
object1_data={'emoji': '😊', 'size': 100},
object2_data={'emoji': '😂', 'size': 100},
morph_type='crossfade'
)
# 缩放变形(一个缩小,另一个放大)
frames = create_morph_animation(morph_type='scale')
# 旋转变形(类似 3D 翻转)
frames = create_morph_animation(morph_type='spin_morph')
from templates.move import create_move_animation
# 线性移动
frames = create_move_animation(
object_type='emoji',
object_data={'emoji': '🚀', 'size': 60},
start_pos=(50, 240),
end_pos=(430, 240),
motion_type='linear',
easing='ease_out'
)
# 弧线移动(抛物线轨迹)
frames = create_move_animation(
object_type='emoji',
object_data={'emoji': '⚽', 'size': 60},
start_pos=(50, 350),
end_pos=(430, 350),
motion_type='arc',
motion_params={'arc_height': 150}
)
# 圆形移动
frames = create_move_animation(
object_type='emoji',
object_data={'emoji': '🌍', 'size': 50},
motion_type='circle',
motion_params={
'center': (240, 240),
'radius': 120,
'angle_range': 360 # 完整圆圈
}
)
# 波浪移动
frames = create_move_animation(
motion_type='wave',
motion_params={
'wave_amplitude': 50,
'wave_frequency': 2
}
)
# 或使用低阶缓动函数
from core.easing import interpolate, calculate_arc_motion
for i in range(num_frames):
t = i / (num_frames - 1)
x = interpolate(start_x, end_x, t, easing='ease_out')
# 或:x, y = calculate_arc_motion(start, end, height, t)
from templates.kaleidoscope import apply_kaleidoscope, create_kaleidoscope_animation
# 应用于单帧
kaleido_frame = apply_kaleidoscope(frame, segments=8)
# 或创建动画万花筒
frames = create_kaleidoscope_animation(
base_frame=my_frame, # 或 None 用于演示图案
num_frames=30,
segments=8,
rotation_speed=1.0
)
# 简单镜像效果(更快)
from templates.kaleidoscope import apply_simple_mirror
mirrored = apply_simple_mirror(frame, mode='quad') # 4 向镜像
# 模式:'horizontal', 'vertical', 'quad', 'radial'
要自由组合基元,请遵循以下模式:
# 示例:弹跳 + 抖动用于冲击效果
for i in range(num_frames):
frame = create_blank_frame(480, 480, bg_color)
# 弹跳运动
t_bounce = i / (num_frames - 1)
y = interpolate(start_y, ground_y, t_bounce, 'bounce_out')
# 在撞击时添加抖动(当 y 到达地面时)
if y >= ground_y - 5:
shake_x = math.sin(i * 2) * 10
x = center_x + shake_x
else:
x = center_x
draw_emoji(frame, '⚽', (x, y), size=60)
builder.add_frame(frame)
这些是用于常见需求的可选辅助工具。根据需要,使用、修改或用自定义实现替换这些工具。
from core.gif_builder import GIFBuilder
# 使用您选择的设置创建构建器
builder = GIFBuilder(width=480, height=480, fps=20)
# 添加帧(无论您如何创建它们)
for frame in my_frames:
builder.add_frame(frame)
# 保存并优化
builder.save('output.gif',
num_colors=128,
optimize_for_emoji=False)
关键特性:
对于像表情符号这样的小 GIF,文本可读性具有挑战性。一个常见的解决方案是添加轮廓:
from core.typography import draw_text_with_outline, TYPOGRAPHY_SCALE
# 带轮廓的文本(有助于可读性)
draw_text_with_outline(
frame, "BONK!",
position=(240, 100),
font_size=TYPOGRAPHY_SCALE['h1'], # 60px
text_color=(255, 68, 68),
outline_color=(0, 0, 0),
outline_width=4,
centered=True
)
要实现自定义文本渲染,可以使用 PIL 的 ImageDraw.text(),这对于较大的 GIF 效果很好。
具有专业外观的 GIF 通常使用协调的调色板:
from core.color_palettes import get_palette
# 获取预制的调色板
palette = get_palette('vibrant') # 或 'pastel', 'dark', 'neon', 'professional'
bg_color = palette['background']
text_color = palette['primary']
accent_color = palette['accent']
要直接处理颜色,请使用 RGB 元组 - 任何适合用例的方式都可以。
用于冲击时刻的可选效果:
from core.visual_effects import ParticleSystem, create_impact_flash, create_shockwave_rings
# 粒子系统
particles = ParticleSystem()
particles.emit_sparkles(x=240, y=200, count=15)
particles.emit_confetti(x=240, y=200, count=20)
# 更新并渲染每一帧
particles.update()
particles.render(frame)
# 闪光效果
frame = create_impact_flash(frame, position=(240, 200), radius=100)
# 冲击波环
frame = create_shockwave_rings(frame, position=(240, 200), radii=[30, 60, 90])
平滑运动使用缓动而非线性插值:
from core.easing import interpolate
# 物体下落(加速)
y = interpolate(start=0, end=400, t=progress, easing='ease_in')
# 物体着陆(减速)
y = interpolate(start=0, end=400, t=progress, easing='ease_out')
# 弹跳
y = interpolate(start=0, end=400, t=progress, easing='bounce_out')
# 过冲(弹性)
scale = interpolate(start=0.5, end=1.0, t=progress, easing='elastic_out')
可用的缓动函数:linear, ease_in, ease_out, ease_in_out, bounce_out, elastic_out, back_out(过冲),以及 core/easing.py 中的更多函数。
如果需要,可以使用基本的绘图工具:
from core.frame_composer import (
create_gradient_background, # 渐变背景
draw_emoji_enhanced, # 带可选阴影的表情符号
draw_circle_with_shadow, # 带深度的形状
draw_star # 五角星
)
# 渐变背景
frame = create_gradient_background(480, 480, top_color, bottom_color)
# 带阴影的表情符号
draw_emoji_enhanced(frame, '🎉', position=(200, 200), size=80, shadow=True)
当您的 GIF 太大时:
对于消息 GIF(>2MB):
对于表情符号 GIF(>64KB)- 需要激进优化:
optimize_for_emoji=Truebuilder = GIFBuilder(128, 128, 10)
for i in range(12):
frame = Image.new('RGB', (128, 128), (240, 248, 255))
# 脉动缩放
scale = 1.0 + math.sin(i * 0.5) * 0.15
size = int(60 * scale)
draw_emoji_enhanced(frame, '😱', position=(64-size//2, 64-size//2),
size=size, shadow=False)
builder.add_frame(frame)
builder.save('reaction.gif', num_colors=40, optimize_for_emoji=True)
# 验证
from core.validators import check_slack_size
check_slack_size('reaction.gif', is_emoji=True)
builder = GIFBuilder(480, 480, 20)
# 阶段 1:物体下落
for i in range(15):
frame = create_gradient_background(480, 480, (240, 248, 255), (200, 230, 255))
t = i / 14
y = interpolate(0, 350, t, 'ease_in')
draw_emoji_enhanced(frame, '⚽', position=(220, int(y)), size=80)
builder.add_frame(frame)
# 阶段 2:冲击 + 闪光
for i in range(8):
frame = create_gradient_background(480, 480, (240, 248, 255), (200, 230, 255))
# 在前几帧添加闪光
if i < 3:
frame = create_impact_flash(frame, (240, 350), radius=120, intensity=0.6)
draw_emoji_enhanced(frame, '⚽', position=(220, 350), size=80)
# 文本出现
if i > 2:
draw_text_with_outline(frame, "GOAL!", position=(240, 150),
font_size=60, text_color=(255, 68, 68),
outline_color=(0, 0, 0), outline_width=4, centered=True)
builder.add_frame(frame)
builder.save('goal.gif', num_colors=128)
from templates.shake import create_shake_animation
# 创建抖动动画
shake_frames = create_shake_animation(
object_type='emoji',
object_data={'emoji': '😰', 'size': 70},
num_frames=20,
shake_intensity=12
)
# 创建触发抖动的移动元素
builder = GIFBuilder(480, 480, 20)
for i in range(40):
t = i / 39
if i < 20:
# 触发前 - 使用带有移动对象的空白帧
frame = create_blank_frame(480, 480, (255, 255, 255))
x = interpolate(50, 300, t * 2, 'linear')
draw_emoji_enhanced(frame, '🚗', position=(int(x), 300), size=60)
draw_emoji_enhanced(frame, '😰', position=(350, 200), size=70)
else:
# 触发后 - 使用抖动帧
frame = shake_frames[i - 20]
# 添加处于最终位置的汽车
draw_emoji_enhanced(frame, '🚗', position=(300, 300), size=60)
builder.add_frame(frame)
builder.save('scare.gif')
此工具包提供构建块,而非僵化的配方。处理 GIF 请求时:
目标是在 Slack 的技术约束内实现创作自由。
要使用此工具包,请安装以下依赖项(如果尚未安装):
pip install pillow imageio numpy
每周安装次数
578
代码仓库
GitHub 星标数
42.3K
首次出现
2026 年 1 月 20 日
安全审计
安装于
opencode497
gemini-cli456
cursor440
codex439
claude-code435
github-copilot385
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 has specific requirements for GIFs based on their use:
Message GIFs:
Emoji GIFs:
Emoji GIFs are challenging - the 64KB limit is strict. Strategies that help:
This skill provides three types of tools:
Complete creative freedom is available in how these tools are applied.
To ensure a GIF meets Slack's constraints, use these validators:
from core.gif_builder import GIFBuilder
# After creating your GIF, check if it meets requirements
builder = GIFBuilder(width=128, height=128, fps=10)
# ... add your frames however you want ...
# Save and check size
info = builder.save('emoji.gif', num_colors=48, optimize_for_emoji=True)
# The save method automatically warns if file exceeds limits
# info dict contains: size_kb, size_mb, frame_count, duration_seconds
File size validator :
from core.validators import check_slack_size
# Check if GIF meets size limits
passes, info = check_slack_size('emoji.gif', is_emoji=True)
# Returns: (True/False, dict with size details)
Dimension validator :
from core.validators import validate_dimensions
# Check dimensions
passes, info = validate_dimensions(128, 128, is_emoji=True)
# Returns: (True/False, dict with dimension details)
Complete validation :
from core.validators import validate_gif, is_slack_ready
# Run all validations
all_pass, results = validate_gif('emoji.gif', is_emoji=True)
# Or quick check
if is_slack_ready('emoji.gif', is_emoji=True):
print("Ready to upload!")
These are composable building blocks for motion. Apply these to any object in any combination:
from templates.shake import create_shake_animation
# Shake an emoji
frames = create_shake_animation(
object_type='emoji',
object_data={'emoji': '😱', 'size': 80},
num_frames=20,
shake_intensity=15,
direction='both' # or 'horizontal', 'vertical'
)
from templates.bounce import create_bounce_animation
# Bounce a circle
frames = create_bounce_animation(
object_type='circle',
object_data={'radius': 40, 'color': (255, 100, 100)},
num_frames=30,
bounce_height=150
)
from templates.spin import create_spin_animation, create_loading_spinner
# Clockwise spin
frames = create_spin_animation(
object_type='emoji',
object_data={'emoji': '🔄', 'size': 100},
rotation_type='clockwise',
full_rotations=2
)
# Wobble rotation
frames = create_spin_animation(rotation_type='wobble', full_rotations=3)
# Loading spinner
frames = create_loading_spinner(spinner_type='dots')
from templates.pulse import create_pulse_animation, create_attention_pulse
# Smooth pulse
frames = create_pulse_animation(
object_data={'emoji': '❤️', 'size': 100},
pulse_type='smooth',
scale_range=(0.8, 1.2)
)
# Heartbeat (double-pump)
frames = create_pulse_animation(pulse_type='heartbeat')
# Attention pulse for emoji GIFs
frames = create_attention_pulse(emoji='⚠️', num_frames=20)
from templates.fade import create_fade_animation, create_crossfade
# Fade in
frames = create_fade_animation(fade_type='in')
# Fade out
frames = create_fade_animation(fade_type='out')
# Crossfade between two emojis
frames = create_crossfade(
object1_data={'emoji': '😊', 'size': 100},
object2_data={'emoji': '😂', 'size': 100}
)
from templates.zoom import create_zoom_animation, create_explosion_zoom
# Zoom in dramatically
frames = create_zoom_animation(
zoom_type='in',
scale_range=(0.1, 2.0),
add_motion_blur=True
)
# Zoom out
frames = create_zoom_animation(zoom_type='out')
# Explosion zoom
frames = create_explosion_zoom(emoji='💥')
from templates.explode import create_explode_animation, create_particle_burst
# Burst explosion
frames = create_explode_animation(
explode_type='burst',
num_pieces=25
)
# Shatter effect
frames = create_explode_animation(explode_type='shatter')
# Dissolve into particles
frames = create_explode_animation(explode_type='dissolve')
# Particle burst
frames = create_particle_burst(particle_count=30)
from templates.wiggle import create_wiggle_animation, create_excited_wiggle
# Jello wobble
frames = create_wiggle_animation(
wiggle_type='jello',
intensity=1.0,
cycles=2
)
# Wave motion
frames = create_wiggle_animation(wiggle_type='wave')
# Excited wiggle for emoji GIFs
frames = create_excited_wiggle(emoji='🎉')
from templates.slide import create_slide_animation, create_multi_slide
# Slide in from left with overshoot
frames = create_slide_animation(
direction='left',
slide_type='in',
overshoot=True
)
# Slide across
frames = create_slide_animation(direction='left', slide_type='across')
# Multiple objects sliding in sequence
objects = [
{'data': {'emoji': '🎯', 'size': 60}, 'direction': 'left', 'final_pos': (120, 240)},
{'data': {'emoji': '🎪', 'size': 60}, 'direction': 'right', 'final_pos': (240, 240)}
]
frames = create_multi_slide(objects, stagger_delay=5)
from templates.flip import create_flip_animation, create_quick_flip
# Horizontal flip between two emojis
frames = create_flip_animation(
object1_data={'emoji': '😊', 'size': 120},
object2_data={'emoji': '😂', 'size': 120},
flip_axis='horizontal'
)
# Vertical flip
frames = create_flip_animation(flip_axis='vertical')
# Quick flip for emoji GIFs
frames = create_quick_flip('👍', '👎')
from templates.morph import create_morph_animation, create_reaction_morph
# Crossfade morph
frames = create_morph_animation(
object1_data={'emoji': '😊', 'size': 100},
object2_data={'emoji': '😂', 'size': 100},
morph_type='crossfade'
)
# Scale morph (shrink while other grows)
frames = create_morph_animation(morph_type='scale')
# Spin morph (3D flip-like)
frames = create_morph_animation(morph_type='spin_morph')
from templates.move import create_move_animation
# Linear movement
frames = create_move_animation(
object_type='emoji',
object_data={'emoji': '🚀', 'size': 60},
start_pos=(50, 240),
end_pos=(430, 240),
motion_type='linear',
easing='ease_out'
)
# Arc movement (parabolic trajectory)
frames = create_move_animation(
object_type='emoji',
object_data={'emoji': '⚽', 'size': 60},
start_pos=(50, 350),
end_pos=(430, 350),
motion_type='arc',
motion_params={'arc_height': 150}
)
# Circular movement
frames = create_move_animation(
object_type='emoji',
object_data={'emoji': '🌍', 'size': 50},
motion_type='circle',
motion_params={
'center': (240, 240),
'radius': 120,
'angle_range': 360 # full circle
}
)
# Wave movement
frames = create_move_animation(
motion_type='wave',
motion_params={
'wave_amplitude': 50,
'wave_frequency': 2
}
)
# Or use low-level easing functions
from core.easing import interpolate, calculate_arc_motion
for i in range(num_frames):
t = i / (num_frames - 1)
x = interpolate(start_x, end_x, t, easing='ease_out')
# Or: x, y = calculate_arc_motion(start, end, height, t)
from templates.kaleidoscope import apply_kaleidoscope, create_kaleidoscope_animation
# Apply to a single frame
kaleido_frame = apply_kaleidoscope(frame, segments=8)
# Or create animated kaleidoscope
frames = create_kaleidoscope_animation(
base_frame=my_frame, # or None for demo pattern
num_frames=30,
segments=8,
rotation_speed=1.0
)
# Simple mirror effects (faster)
from templates.kaleidoscope import apply_simple_mirror
mirrored = apply_simple_mirror(frame, mode='quad') # 4-way mirror
# modes: 'horizontal', 'vertical', 'quad', 'radial'
To compose primitives freely, follow these patterns:
# Example: Bounce + shake for impact
for i in range(num_frames):
frame = create_blank_frame(480, 480, bg_color)
# Bounce motion
t_bounce = i / (num_frames - 1)
y = interpolate(start_y, ground_y, t_bounce, 'bounce_out')
# Add shake on impact (when y reaches ground)
if y >= ground_y - 5:
shake_x = math.sin(i * 2) * 10
x = center_x + shake_x
else:
x = center_x
draw_emoji(frame, '⚽', (x, y), size=60)
builder.add_frame(frame)
These are optional helpers for common needs. Use, modify, or replace these with custom implementations as needed.
from core.gif_builder import GIFBuilder
# Create builder with your chosen settings
builder = GIFBuilder(width=480, height=480, fps=20)
# Add frames (however you created them)
for frame in my_frames:
builder.add_frame(frame)
# Save with optimization
builder.save('output.gif',
num_colors=128,
optimize_for_emoji=False)
Key features:
For small GIFs like emojis, text readability is challenging. A common solution involves adding outlines:
from core.typography import draw_text_with_outline, TYPOGRAPHY_SCALE
# Text with outline (helps readability)
draw_text_with_outline(
frame, "BONK!",
position=(240, 100),
font_size=TYPOGRAPHY_SCALE['h1'], # 60px
text_color=(255, 68, 68),
outline_color=(0, 0, 0),
outline_width=4,
centered=True
)
To implement custom text rendering, use PIL's ImageDraw.text() which works fine for larger GIFs.
Professional-looking GIFs often use cohesive color palettes:
from core.color_palettes import get_palette
# Get a pre-made palette
palette = get_palette('vibrant') # or 'pastel', 'dark', 'neon', 'professional'
bg_color = palette['background']
text_color = palette['primary']
accent_color = palette['accent']
To work with colors directly, use RGB tuples - whatever works for the use case.
Optional effects for impact moments:
from core.visual_effects import ParticleSystem, create_impact_flash, create_shockwave_rings
# Particle system
particles = ParticleSystem()
particles.emit_sparkles(x=240, y=200, count=15)
particles.emit_confetti(x=240, y=200, count=20)
# Update and render each frame
particles.update()
particles.render(frame)
# Flash effect
frame = create_impact_flash(frame, position=(240, 200), radius=100)
# Shockwave rings
frame = create_shockwave_rings(frame, position=(240, 200), radii=[30, 60, 90])
Smooth motion uses easing instead of linear interpolation:
from core.easing import interpolate
# Object falling (accelerates)
y = interpolate(start=0, end=400, t=progress, easing='ease_in')
# Object landing (decelerates)
y = interpolate(start=0, end=400, t=progress, easing='ease_out')
# Bouncing
y = interpolate(start=0, end=400, t=progress, easing='bounce_out')
# Overshoot (elastic)
scale = interpolate(start=0.5, end=1.0, t=progress, easing='elastic_out')
Available easings: linear, ease_in, ease_out, ease_in_out, bounce_out, elastic_out, back_out (overshoot), and more in core/easing.py.
Basic drawing utilities if you need them:
from core.frame_composer import (
create_gradient_background, # Gradient backgrounds
draw_emoji_enhanced, # Emoji with optional shadow
draw_circle_with_shadow, # Shapes with depth
draw_star # 5-pointed stars
)
# Gradient background
frame = create_gradient_background(480, 480, top_color, bottom_color)
# Emoji with shadow
draw_emoji_enhanced(frame, '🎉', position=(200, 200), size=80, shadow=True)
When your GIF is too large:
For Message GIFs ( >2MB):
For Emoji GIFs ( >64KB) - be aggressive:
optimize_for_emoji=True in save methodbuilder = GIFBuilder(128, 128, 10)
for i in range(12):
frame = Image.new('RGB', (128, 128), (240, 248, 255))
# Pulsing scale
scale = 1.0 + math.sin(i * 0.5) * 0.15
size = int(60 * scale)
draw_emoji_enhanced(frame, '😱', position=(64-size//2, 64-size//2),
size=size, shadow=False)
builder.add_frame(frame)
builder.save('reaction.gif', num_colors=40, optimize_for_emoji=True)
# Validate
from core.validators import check_slack_size
check_slack_size('reaction.gif', is_emoji=True)
builder = GIFBuilder(480, 480, 20)
# Phase 1: Object falls
for i in range(15):
frame = create_gradient_background(480, 480, (240, 248, 255), (200, 230, 255))
t = i / 14
y = interpolate(0, 350, t, 'ease_in')
draw_emoji_enhanced(frame, '⚽', position=(220, int(y)), size=80)
builder.add_frame(frame)
# Phase 2: Impact + flash
for i in range(8):
frame = create_gradient_background(480, 480, (240, 248, 255), (200, 230, 255))
# Flash on first frames
if i < 3:
frame = create_impact_flash(frame, (240, 350), radius=120, intensity=0.6)
draw_emoji_enhanced(frame, '⚽', position=(220, 350), size=80)
# Text appears
if i > 2:
draw_text_with_outline(frame, "GOAL!", position=(240, 150),
font_size=60, text_color=(255, 68, 68),
outline_color=(0, 0, 0), outline_width=4, centered=True)
builder.add_frame(frame)
builder.save('goal.gif', num_colors=128)
from templates.shake import create_shake_animation
# Create shake animation
shake_frames = create_shake_animation(
object_type='emoji',
object_data={'emoji': '😰', 'size': 70},
num_frames=20,
shake_intensity=12
)
# Create moving element that triggers the shake
builder = GIFBuilder(480, 480, 20)
for i in range(40):
t = i / 39
if i < 20:
# Before trigger - use blank frame with moving object
frame = create_blank_frame(480, 480, (255, 255, 255))
x = interpolate(50, 300, t * 2, 'linear')
draw_emoji_enhanced(frame, '🚗', position=(int(x), 300), size=60)
draw_emoji_enhanced(frame, '😰', position=(350, 200), size=70)
else:
# After trigger - use shake frame
frame = shake_frames[i - 20]
# Add the car in final position
draw_emoji_enhanced(frame, '🚗', position=(300, 300), size=60)
builder.add_frame(frame)
builder.save('scare.gif')
This toolkit provides building blocks, not rigid recipes. To work with a GIF request:
The goal is creative freedom within Slack's technical constraints.
To use this toolkit, install these dependencies only if they aren't already present:
pip install pillow imageio numpy
Weekly Installs
578
Repository
GitHub Stars
42.3K
First Seen
Jan 20, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode497
gemini-cli456
cursor440
codex439
claude-code435
github-copilot385
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
102,200 周安装
Gemini Interactions API 指南:统一接口、智能体交互与服务器端状态管理
833 周安装
Apollo MCP 服务器:让AI代理通过GraphQL API交互的完整指南
834 周安装
智能体记忆系统构建指南:分块策略、向量存储与检索优化
835 周安装
Scrapling官方网络爬虫框架 - 自适应解析、绕过Cloudflare、Python爬虫库
836 周安装
抽奖赢家选取器 - 随机选择工具,支持CSV、Excel、Google Sheets,公平透明
838 周安装
Medusa 前端开发指南:使用 SDK、React Query 构建电商商店
839 周安装