Agent skill

Slack Gif Creator

by LeastBit in LeastBit/Claude_skills_zh-CN

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

Apache-2.0Auto-check passedMedia & Creative

Install Slack Gif Creator

skills CLI
$ npx skills add LeastBit/Claude_skills_zh-CN --skill slack-gif-creator -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install LeastBit/Claude_skills_zh-CN slack-gif-creator --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/LeastBit/Claude_skills_zh-CN.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/slack-gif-creator .claude/skills/slack-gif-creator && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
slack-gif-creator
GitHub stars
590
Token cost
~1.2k tokens
SKILL.md length
239 words
Files
7
Skills in repo
16
Repo updated
First seen
Licence
Apache-2.0

At a glance

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

  • Works in 5 steps: 减少帧数 - 降低 FPS(用 10 而不是 20)或缩短时长 → 减少颜色 - num_colors=48 而不是 128 → 减小尺寸 - 128x128 而不是 480x480 → …
  • Tasks that involve Social media graphics
  • SKILL.md covers Slack 要求, 核心工作流程, 绘制图形 and 可用工具, plus 4 more sections
  • Runs Python scripts from its folder; calls pip

What it does

Slack Gif Creator is an agent skill from LeastBit/Claude_skills_zh-CN. 用于创建针对 Slack 优化的动画 GIF 的知识和工具集。提供约束条件、验证工具和动画概念。当用户请求为 Slack 创建动画 GIF 时使用,例如"为 Slack 制作一个 X 做 Y 的 GIF"。

Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files (for example `core/easing.py`, `core/frame_composer.py` and `core/gif_builder.py`).

It sits in Media & Creative, covering Social media graphics. It works with Slack. The repository describes itself as: Anthropics/skills中文学习版本 来自:https://github.com/anthropics/skills. The licence is Apache-2.0.

When your agent uses it

  • Tasks that involve Social media graphics

Example prompts

  • “为 Slack 制作一个 X 做 Y 的 GIF”
  • “/slack-gif-creator”

Requirements

  • Python 3

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. 减少帧数 - 降低 FPS(用 10 而不是 20)或缩短时长
  2. 减少颜色 - num_colors=48 而不是 128
  3. 减小尺寸 - 128x128 而不是 480x480
  4. 移除重复帧 - 在 save() 中使用 remove_duplicates=True
  5. 表情符号模式 - optimize_for_emoji=True 自动优化

What it can do on your machine

Read from SKILL.md and the folder at commit 1ab2916. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships script files (Python), which the agent can run.

    Shell commands in SKILL.md call:

    • pip

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use pip, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Slack Gif Creator loads about 1.2k tokens when it runs. Until then it costs about 30 tokens; SKILL.md has 239 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~30
When it runs · the whole SKILL.md, loaded when a task matches
~1.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from LeastBit/Claude_skills_zh-CN at commit 1ab2916, republished under its Apache-2.0 licence (© LeastBit). 239 words, ~1,192 tokens.

Download SKILL.mdSave it as .claude/skills/slack-gif-creator/SKILL.md (or your agent's skills folder). This skill also uses 6 other files; get the full folder from GitHub.
name
slack-gif-creator
description
用于创建针对 Slack 优化的动画 GIF 的知识和工具集。提供约束条件、验证工具和动画概念。当用户请求为 Slack 创建动画 GIF 时使用,例如"为 Slack 制作一个 X 做 Y 的 GIF"。
license
完整条款见 LICENSE.txt

Slack GIF 创建器

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

Slack 要求

尺寸:

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

参数:

  • FPS:10-30(较低的值可减小文件大小)
  • 颜色:48-128(颜色越少 = 文件越小)
  • 时长:表情符号 GIF 应控制在 3 秒以内

核心工作流程

python
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 加载和处理图片:

python
from PIL import Image

uploaded = Image.open('file.png')
# 直接使用,或仅作为颜色/风格的参考
从零开始绘制

从零开始绘制图形时,使用 PIL ImageDraw 基础图形:

python
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 应该看起来精致,而不是像占位图形。

可用工具

GIFBuilder (core.gif_builder)

组装帧并为 Slack 优化:

python
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 要求:

python
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)

平滑运动而非线性:

python
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)

常用需求的便捷函数:

python
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 倍之间缩放
弹跳

对象下落并弹起:

  • 使用 interpolate() 配合 easing='bounce_out' 实现落地效果
  • 使用 easing='ease_in' 实现下落(加速)效果
  • 通过每帧增加 y 速度来模拟重力
旋转

围绕中心旋转对象:

  • PIL:image.rotate(angle, resample=Image.BICUBIC)
  • 对于摇摆效果:使用正弦波控制角度而非线性变化
淡入/淡出

逐渐出现或消失:

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

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

  • 起始位置:帧边界外
  • 结束位置:目标位置
  • 使用 interpolate() 配合 easing='ease_out' 实现平滑停止
  • 对于超越效果:使用 easing='back_out'
缩放

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

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

创建向外辐射的粒子:

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

优化策略

仅在被要求减小文件大小时,实施以下几种方法:

  1. 减少帧数 - 降低 FPS(用 10 而不是 20)或缩短时长
  2. 减少颜色 - num_colors=48 而不是 128
  3. 减小尺寸 - 128x128 而不是 480x480
  4. 移除重复帧 - 在 save() 中使用 remove_duplicates=True
  5. 表情符号模式 - optimize_for_emoji=True 自动优化
python
# 表情符号最大优化
builder.save(
    'emoji.gif',
    num_colors=48,
    optimize_for_emoji=True,
    remove_duplicates=True
)

设计理念

本技能提供:

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

本技能不提供:

  • 僵化的动画模板或预制函数
  • Emoji 字体渲染(在不同平台上表现不一致)
  • 内置于技能中的预打包图形库

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

发挥创意!组合各种概念(弹跳 + 旋转、脉动 + 滑动等)并充分利用 PIL 的全部功能。

依赖项

bash
pip install pillow imageio numpy

© LeastBit, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 6 other files in skills/slack-gif-creator of LeastBit/Claude_skills_zh-CN.

  • SKILL.md
  • LICENSE.txt
  • core/easing.py
  • core/frame_composer.py
  • core/gif_builder.py
  • core/validators.py
  • requirements.txt

Open the folder on GitHubat commit 1ab2916

Compare with similar skills

Slack Gif Creator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Slack Gif Creator compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Slack Gif Creator this skillLeastBit/Claude_skills_zh-CN590—~1.2kAutomated safety check: PassApache-2.0
Slack GIF Creatoranthropics/skills180k29 repos~2kAutomated safety check: PassApache-2.0
Slack Gif Creatordavepoon/buildwithclaude3.6k12 repos~4.3kAutomated safety check: PassApache-2.0
Slack Gif Creatornexu-io/open-design100k—~316Automated safety check: PassApache-2.0
Pixel Gif Makermohitagw15856/pm-claude-skills1.4k—~937Automated safety check: PassMIT
Social Previewthatrebeccarae/claude-marketing161—~2.1kAutomated safety check: PassMIT

Similar skills

  • Slack GIF Creator

    anthropics/skills

    Official

    Provides Slack size and frame limits, Python animation helpers and validators for building animated GIFs sized for emoji and messages.

    180k GitHub starsUsed in 29 repos~2k tokens
    Media & CreativeAuto-check passed
  • Slack Gif Creator

    davepoon/buildwithclaude

    Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives.

    3.6k GitHub starsUsed in 12 repos~4.3k tokens
    Media & CreativeAuto-check passed
  • Slack Gif Creator

    nexu-io/open-design

    Create animated GIFs optimized for Slack with validators for size constraints and composable animation primitives.

    100k GitHub stars~316 tokensUpdated today
    Media & CreativeAuto-check passed
  • Pixel Gif Maker

    mohitagw15856/pm-claude-skills

    Generate retro pixel-text animated GIFs for Slack, Teams, or a PR comment — scrolling marquees, heartbeat pulses, confetti parties, twinkling sparkles — from a bundled pure-stdlib Python script (no…

    1.4k GitHub stars~937 tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Social Preview

    thatrebeccarae/claude-marketing

    Generate Open Graph social preview images (1280x640) for GitHub repositories.

    161 GitHub stars~2.1k tokensUpdated 4 mo ago
    Marketing & SEOAuto-check passed
  • Announcement Card

    mohitagw15856/pm-claude-skills

    Write a short, punchy announcement designed to be shared as an image or social card.

    1.4k GitHub stars~768 tokensUpdated yesterday
    Product & Project ManagementAuto-check passed

More from LeastBit/Claude_skills_zh-CN

All 16 skills in this repo
  • Skill Creator

    LeastBit/Claude_skills_zh-CN

    创建高效技能的指南。当用户想要创建新技能(或更新现有技能)以扩展 Claude 的能力,包括专业知识、工作流程或工具集成时,应使用此技能。

    590 GitHub stars~1.9k tokensUpdated 8 mo ago
    Auto-check passed
  • DOCX

    LeastBit/Claude_skills_zh-CN

    全面的文档创建、编辑和分析功能,支持修订追踪、批注、格式保留和文本提取。当 Claude 需要处理专业文档(.docx 文件)时使用:(1) 创建新文档,(2) 修改或编辑内容,(3) 处理修订追踪,(4) 添加批注,或其他任何文档任务

    590 GitHub stars~1.3k tokensUpdated 8 mo ago
    Auto-check: notes
  • MCP Builder

    LeastBit/Claude_skills_zh-CN

    构建高质量 MCP(模型上下文协议)服务器的指南,使 LLM 能够通过精心设计的工具与外部服务交互。在使用 Python (FastMCP) 或 Node/TypeScript (MCP SDK) 构建 MCP 服务器以集成外部 API 或服务时使用。

    590 GitHub stars~1.2k tokensUpdated 8 mo ago
    Auto-check passed
  • PDF

    LeastBit/Claude_skills_zh-CN

    全面的 PDF 操作工具包,用于提取文本和表格、创建新 PDF、合并/拆分文档以及处理表单。当 Claude 需要填写 PDF 表单或以编程方式大规模处理、生成或分析 PDF 文档时使用。

    590 GitHub stars~1.5k tokensUpdated 8 mo ago
    Auto-check passed
  • PPTX

    LeastBit/Claude_skills_zh-CN

    演示文稿创建、编辑和分析。当 Claude 需要处理演示文稿(.pptx 文件)时使用,包括:(1) 创建新演示文稿,(2) 修改或编辑内容,(3) 处理版式,(4) 添加批注或演讲者备注,或其他任何演示文稿任务

    590 GitHub stars~3.4k tokensUpdated 8 mo ago
    Auto-check: notes
  • Web Artifacts Builder

    LeastBit/Claude_skills_zh-CN

    用于使用现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。

    590 GitHub stars~458 tokensUpdated 8 mo ago
    Auto-check passed

Works with

Questions about Slack Gif Creator

What does Slack Gif Creator do?

用于创建针对 Slack 优化的动画 GIF 的知识和工具集。提供约束条件、验证工具和动画概念。当用户请求为 Slack 创建动画 GIF 时使用,例如"为 Slack 制作一个 X 做 Y 的 GIF"。. Slack Gif Creator is an agent skill from LeastBit/Claude_skills_zh-CN.

When should I use Slack Gif Creator?

Slack Gif Creator fits situations like: tasks that involve Social media graphics.

How do I install Slack Gif Creator in Claude Code?

Run `npx skills add LeastBit/Claude_skills_zh-CN --skill slack-gif-creator -a claude-code`. Or copy the skill folder (skills/slack-gif-creator in LeastBit/Claude_skills_zh-CN) into .claude/skills/slack-gif-creator in your project. Claude Code loads it when a task matches its description.

How do I install Slack Gif Creator in Codex?

Run `npx skills add LeastBit/Claude_skills_zh-CN --skill slack-gif-creator -a codex`. Or copy the skill folder (skills/slack-gif-creator in LeastBit/Claude_skills_zh-CN) into .agents/skills/slack-gif-creator in your project. Codex loads it when a task matches its description.

Can I use Slack Gif Creator in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add LeastBit/Claude_skills_zh-CN --skill slack-gif-creator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/slack-gif-creator, .gemini/skills/slack-gif-creator, .github/skills/slack-gif-creator and .opencode/skills/slack-gif-creator in your project.

What does Slack Gif Creator need to run?

Going by SKILL.md and its folder, Slack Gif Creator needs Python for the scripts in its folder and the command-line tools its instructions call (pip). Our summary lists: Python 3.

Does Slack Gif Creator access the network?

SKILL.md contains no URLs. Its commands use pip, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Slack Gif Creator safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Slack Gif Creator use?

Slack Gif Creator is published under the Apache-2.0 licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Slack Gif Creator use?

About 1.2k tokens (SKILL.md is roughly 4.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Slack Gif Creator?

Skills that share tags, products or a category with Slack Gif Creator: Slack GIF Creator (anthropics/skills, 180k stars), Slack Gif Creator (davepoon/buildwithclaude, 3.6k stars), Slack Gif Creator (nexu-io/open-design, 100k stars) and Pixel Gif Maker (mohitagw15856/pm-claude-skills, 1.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Slack Gif Creator?

LeastBit (a GitHub user) maintains it in LeastBit/Claude_skills_zh-CN, which has 590 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on January 19, 2026.

Source: LeastBit/Claude_skills_zh-CN on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.