Skills

Slack Gif Creator

用于创建针对 Slack 优化的动画 GIF 的知识和工具集。提供约束条件、验证工具和动画概念。当用户请求为 Slack 创建动画 GIF 时使用,例如"为 Slack...

Install

npx skills add LeastBit/Claude_skills_zh-CN --skill slack-gif-creator -g -a claude-code -y
Category
Engineering
Updated
10mo ago
License
完整条款见 LICENSE.txt
Context cost
Lightabout 1,148 tokens
Runs scripts
Yes, review before use

What it does

用于创建针对 Slack 优化的动画 GIF 的知识和工具集。提供约束条件、验证工具和动画概念。当用户请求为 Slack 创建动画 GIF 时使用,例如"为 Slack 制作一个 X 做 Y 的 GIF"。

Slack GIF 创建器

一个提供工具和知识的工具包,用于创建针对 Slack 优化的动画 GIF。

Slack 要求

尺寸:

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

参数:

  • FPS: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)

不要使用: Emoji 字体(在不同平台上表现不一致)或假设此技能中有预打包的图形。

让图形更美观

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

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

添加视觉深度:

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

让形状更有趣:

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

注意颜色搭配:

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

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

  • 使用多边形和椭圆的组合
  • 仔细计算点位以保持对称
  • 添加细节(心形可以有高光曲线,雪花有精细的分支)

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

可用工具

Read the whole SKILL.md on GitHub

More in Engineering