返回全部 Skills

slack-gif-creator

开发工具 官方认证

针对Slack优化的动画GIF创建知识和实用工具。提供约束条件、验证工具和动画概念。在用户请求为Slack制作动画GIF时使用,例如:“make me a GIF of X doing Y for Slack”。

30.6k

下载量

AI SkillHub 能力展示图

安装方式

命令行安装

在项目根目录执行以下命令,完成 Skill 安装。

npx bzskills add anthropics/skills --skill slack-gif-creator

skill.md

name: slack-gif-creator
description: 针对Slack优化的动画GIF创建知识和实用工具。提供约束条件、验证工具和动画概念。在用户请求为Slack制作动画GIF时使用,例如:“make me a GIF of X doing Y for Slack”。
license: Complete terms in LICENSE.txt

Slack GIF 创建工具

本工具集提供用于创建专为 Slack 优化的动画 GIF 的实用工具与知识。

Slack 要求

尺寸:

  • 表情符号 GIF:128x128(推荐)
  • 消息 GIF:480x480

参数:

  • 帧率:10-30(越低文件越小)
  • 颜色数:48-128(越少文件越小)
  • 时长:表情符号 GIF 请控制在 3 秒以内

核心工作流

from core.gif_builder import GIFBuilder
from PIL import Image, ImageDraw

# 1. 创建构建器
builder = GIFBuilder(width=128, height=128, fps=10)

# 2. 生成帧
for i in range(12):
    frame = Image.new('RGB', (128, 128), (240, 248, 255))
    draw = ImageDraw.Draw(frame)

    # 使用 PIL 基本绘图元素绘制动画
    # (圆形、多边形、线条等)

    builder.add_frame(frame)

# 3. 保存并进行优化
builder.save('output.gif', num_colors=48, optimize_for_emoji=True)

绘制图形

处理用户上传的图片

如果用户上传了图片,请考虑他们希望:

  • 直接使用(例如“让这个动起来”、“拆分成帧”)
  • 作为灵感(例如“做一个类似的东西”)

使用 PIL 加载和处理图片:

from PIL import Image

uploaded = Image.open('file.png')
# 直接使用,或仅作为颜色/样式的参考

从头开始绘制

从头绘制图形时,使用 PIL 的 ImageDraw 基本绘图元素:

from PIL import ImageDraw

draw = ImageDraw.Draw(frame)

# 圆形/椭圆
draw.ellipse([x1, y1, x2, y2], fill=(r, g, b), outline=(r, g, b), width=3)

# 星形、三角形、任意多边形
points = [(x1, y1), (x2, y2), (x3, y3), ...]
draw.polygon(points, fill=(r, g, b), outline=(r, g, b), width=3)

# 线条
draw.line([(x1, y1), (x2, y2)], fill=(r, g, b), width=5)

# 矩形
draw.rectangle([x1, y1, x2, y2], fill=(r, g, b), outline=(r, g, b), width=3)

不要使用: 表情符号字体(跨平台不可靠)或假设本技能中预置了图形包。

让图形更好看

图形应看起来精致且有创意,而不是简陋。方法如下:

使用更粗的线条 – 轮廓和线条始终设置 width=2 或更高。细线条(width=1)看起来粗糙且业余。

增加视觉深度

  • 使用渐变色背景(create_gradient_background
  • 多层形状叠加以增加复杂度(例如,一个大星星内部再放一个小星星)

让形状更有趣

  • 不要只画普通圆形 – 添加高光、环状或图案
  • 星星可以带有光晕(在后面绘制更大的半透明版本)
  • 组合多个形状(星星+闪光,圆形+环)

注意颜色

  • 使用鲜艳、互补的颜色
  • 增加对比度(浅色形状用深色轮廓,深色形状用浅色轮廓)
  • 考虑整体构图

对于复杂形状(心形、雪花等):

  • 使用多边形和椭圆的组合
  • 仔细计算点坐标以确保对称
  • 添加细节(心形可以有高光曲线,雪花有复杂的枝干)

要富有创意和细节!好的 Slack GIF 应该看起来精致,而不是像占位图形。

可用的实用工具

GIFBuilder (core.gif_builder)

组装帧并针对 Slack 进行优化:

builder = GIFBuilder(width=128, height=128, fps=10)
builder.add_frame(frame)  # 添加 PIL Image
builder.add_frames(frames)  # 添加帧列表
builder.save('out.gif', num_colors=48, optimize_for_emoji=True, remove_duplicates=True)

验证器 (core.validators)

检查 GIF 是否符合 Slack 要求:

from core.validators import validate_gif, is_slack_ready

# 详细验证
passes, info = validate_gif('my.gif', is_emoji=True, verbose=True)

# 快速检查
if is_slack_ready('my.gif'):
    print("准备就绪!")

缓动函数 (core.easing)

实现平滑运动而非线性运动:

from core.easing import interpolate

# 进度从 0.0 到 1.0
t = i / (num_frames - 1)

# 应用缓动
y = interpolate(start=0, end=400, t=t, easing='ease_out')

# 可选:linear, ease_in, ease_out, ease_in_out,
#           bounce_out, elastic_out, back_out

帧辅助工具 (core.frame_composer)

常见需求的便捷函数:

from core.frame_composer import (
    create_blank_frame,         # 纯色背景
    create_gradient_background,  # 垂直渐变
    draw_circle,                # 圆形辅助
    draw_text,                  # 简单文本渲染
    draw_star                   # 五角星
)

动画概念

抖动/振动

通过振荡来偏移对象位置:

  • 使用 math.sin()math.cos() 配合帧索引
  • 添加小的随机变化以获得自然感
  • 应用于 x 和/或 y 位置

脉冲/心跳

有节奏地缩放对象大小:

  • 使用 math.sin(t * frequency * 2 * math.pi) 实现平滑脉冲
  • 对于心跳:两次快速脉冲然后暂停(调整正弦波)
  • 在基础大小的 0.8 到 1.2 之间缩放

弹跳

物体下落并弹起:

  • 使用带有 easing='bounce_out'interpolate() 实现着陆
  • 使用 easing='ease_in' 实现下落(加速)
  • 每帧增加 y 速度以模拟重力

旋转

围绕中心旋转对象:

  • PIL:image.rotate(angle, resample=Image.BICUBIC)
  • 对于晃动:使用正弦波控制角度而非线性

淡入/淡出

逐渐出现或消失:

  • 创建 RGBA 图像,调整 alpha 通道
  • 或使用 Image.blend(image1, image2, alpha)
  • 淡入:alpha 从 0 到 1
  • 淡出:alpha 从 1 到 0

滑入

将对象从屏幕外移动到指定位置:

  • 起始位置:帧边界之外
  • 结束位置:目标位置
  • 使用带有 easing='ease_out'interpolate() 实现平滑停止
  • 对于过冲效果:使用 easing='back_out'

缩放

缩放并定位以实现缩放效果:

  • 放大:从 0.1 缩放到 2.0,裁剪中心
  • 缩小:从 2.0 缩放到 1.0
  • 可添加运动模糊增加戏剧效果(PIL 滤镜)

爆炸/粒子爆发

创建向外辐射的粒子:

  • 生成具有随机角度和速度的粒子
  • 更新每个粒子:x += vx, y += vy
  • 添加重力:vy += gravity_constant
  • 粒子随时间淡出(减少 alpha)

优化策略

仅在要求减小文件大小时,选用以下几种方法:

  1. 更少的帧 – 降低帧率(10 而非 20)或缩短时长
  2. 更少的颜色num_colors=48 而非 128
  3. 更小的尺寸 – 128x128 而非 480x480
  4. 去除重复帧 – 在 save() 中设置 remove_duplicates=True
  5. 表情符号模式optimize_for_emoji=True 自动优化
# 针对表情符号的最大优化
builder.save(
    'emoji.gif',
    num_colors=48,
    optimize_for_emoji=True,
    remove_duplicates=True
)

理念

本技能提供:

  • 知识:Slack 的要求和动画概念
  • 实用工具:GIFBuilder、验证器、缓动函数
  • 灵活性:使用 PIL 基本绘图元素创建动画逻辑

它不提供:

  • 固定的动画模板或预制函数
  • 表情符号字体渲染(跨平台不可靠)
  • 内置于技能中的预置图形库

关于用户上传的说明:本技能不包含预构建的图形,但如果用户上传了图片,请使用 PIL 加载并处理它 – 根据用户请求判断他们是希望直接使用还是仅作为灵感。

要有创意!结合概念(弹跳+旋转,脉冲+滑动等),并充分利用 PIL 的全部功能。

依赖项

pip install pillow imageio numpy