跳转到使用指南
slack-gif-creator作者 Anthropic

Slack GIF Creator Skill.

Claude Code 和 Codex 的动效与视频 skill:制作符合 Slack 大小和尺寸限制的动画 GIF。

  • Motion & Video
  • GIF
anthropics/skills · skills/slack-gif-creator/SKILL.mdSKILL.md
--- name: slack-gif-creator description: Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack. --- ## Slack Requirements ## Core Workflow ## Drawing Graphics ## Available Utilities ## Animation Concepts ## Optimization Strategies
从上游文件读取的前言和章节标题,时间 2026-09-14 · 完整内容 7,841 字符

01 功能说明

slack-gif-creator Skill 在 Claude Code 和 Codex 中的功能

摘要、工作流与产物,均读自该 skill 的 SKILL.md。

来自 SKILL.md读取于 2026-09-14 · 非实际运行记录

以 skill 自身的术语

一个用于创建符合 Slack 尺寸和大小要求的动画 GIF 的工具包。提供用于组装帧的 GIFBuilder、用于检查 Slack 合规性的验证器、用于流畅运动的缓动函数,以及用于常见绘制任务的帧辅助工具。专为表情符号 GIF(128×128,3 秒以内)和消息 GIF(480×480)设计。

使用 PIL ImageDraw 原语从零创建图形,或处理用户上传的图片。包含弹跳、脈动、旋转、渐隐和粒子爆发等动画概念。注重打造具有恰当线宽、视觉深度和色彩对比的精良创意图形,而非基础占位形状。

GIF
查看示例提示词 ↗

工作方式

  1. 01
    创建一个 GIFBuilder

    以目标尺寸(表情符号为 128×128,消息为 480×480)和 10-30 FPS 之间的帧率进行初始化,较低的帧率会产生更小的文件大小。

  2. 02
    使用 PIL 原语生成帧

    使用 PIL 的 ImageDraw 椭圆、多边形、线条和矩形绘制每一帧。

  3. 03
    应用缓动函数实现流畅运动

    使用带有 ease_out、bounce_out、elastic_out 或 back_out 等缓动曲线的 interpolate,而非线性运动,以创建自然流畅的动画。

  4. 04
    将帧添加到 Builder

    对每个 PIL Image 调用 add_frame,或对列表调用 add_frames。Builder 会在导出前累积所有帧。

  5. 05
    以 Slack 优化方式保存

    以 num_colors 介于 48-128(颜色越少文件越小)导出,optimize_for_emoji=True 以自动优化,remove_duplicates=True 以消除冗余帧。

  6. 06
    对照 Slack 要求进行验证

    使用 validate_gif 获取详细反馈,或使用 is_slack_ready 进行快速通过/失败检查,以确认该 GIF 是否满足尺寸、大小和参数约束。

02 找到适合场景

何时使用 slack-gif-creator Skill

当任务是此类动效与视频时,在 Claude Code 或 Codex 中使用 slack-gif-creator skill。以下适用范围和限制来自 skill 自身文件。

适合场景

  • 使用缓动函数以 480×480 制作运动流畅的消息 GIF
  • 组合动画概念,例如弹跳加旋转或脈动加滑动
  • 直接处理用户上传的图片,或将其作为色彩和风格的灵感来源

了解边界

  • 期望该 skill 内置预打包图形或固定的动画模板

需要提供的信息

  • 包含主体和动作的动画请求诸如“帮我做一个 X 做 Y 的 Slack GIF”这样的描述,说明要动画化的内容和行为,从而触发该 skill 的使用。
  • 可选的用户上传图片用于直接进行动画处理或作为色彩和风格灵感来源的图片文件,通过 PIL Image.open 加载。

03 Skill 内部

slack-gif-creator Skill 为 Claude Code 和 Codex 提供的规则

SKILL.md 为 Agent 设定的 8 条具体指令、默认值与限制——文件中真正改变结果的部分。

  1. Emoji GIF 必须为 128×128,消息 GIF 必须为 480×480

    Slack 强制要求特定尺寸:emoji GIF 推荐 128×128,消息 GIF 推荐 480×480。这些是由该 skill 的验证器校验的硬性要求。

  2. 将 Emoji GIF 时长控制在 3 秒以内

    对于 emoji GIF,时长必须保持在 3 秒以下,以满足 Slack 的要求并保持合理的文件大小。

  3. 轮廓始终使用 width=2 或更高

    width=1 的细线看起来断断续续、不够专业。轮廓和线条应始终设置 width=2 或更高,以获得精致的图形效果。

  4. 不要使用 Emoji 字体

    Emoji 字体在不同平台上的渲染不可靠,不得使用。应改用 PIL 的基本图形绘制。

  5. FPS 默认范围为 10-30

    帧率应保持在 10-30 FPS 之间,数值越低文件越小。这是 Slack GIF 可接受的参数范围。

  6. 使用 48-128 种颜色,越少文件越小

    调色板应使用 48 到 128 种颜色。颜色越少,文件大小直接越小;推荐使用 48 种颜色以实现最大程度的优化。

  7. 根据用户意图解读上传的图片

    当用户上传图片时,在继续处理之前应先判断他们是希望将其直接用于动画,还是仅作为颜色和风格的参考。

  8. 仅在明确要求时进行优化

    仅当用户明确要求缩小文件大小时,才应用诸如减少帧数、减少颜色、缩小尺寸或去除重复项等优化策略。

04 投入使用

在 Claude Code 或 Codex 中安装 slack-gif-creator

一条 npx skills add 命令,然后在你的 Agent 中执行第一个任务和对结果的清单检查。

将 slack-gif-creator 添加到 Claude Code、Codex 或您的 Agent

在你的项目中运行;安装程序会询问要把它添加到哪个 Agent。

Terminal
npx skills add https://github.com/anthropics/skills --skill slack-gif-creator

针对 skills/slack-gif-creator/SKILL.md 的通用 skills CLI 形式;具体仓库可能会记录其自身路径。

给 Skill 一个首次动效和视频任务

按 skill 自身的术语撰写;把括号中的部分换成你的内容。

Starter prompt
Make me an animated emoji GIF for Slack showing a yellow star rotating and pulsing, 128×128, with a gradient blue background. Keep it under 3 seconds and make the motion smooth with easing.

来源:依据 SKILL.md,按 skill 自身的术语撰写。

检查首次结果

SKILL.md 本身如何描述正确的结果:

  • 使用 is_slack_ready 进行快速布尔检查,确认 GIF 满足所有 Slack 要求

在 OpenDesign 中,slack-gif-creator 已内置:Plugins → Skills,在顶部栏中选择它即可。

05 开源、可追溯

来源、许可与验证

本页面事实的来源,以及最后检查时间。

Author
Anthropic
Repository
github.com/anthropics/skills 分支 main
Skill 文件
skills/slack-gif-creator/SKILL.md 内容校验和在验证时记录;提交 34040c9
License
Apache-2.0 来自 skills/slack-gif-creator/LICENSE.txt;SKILL.md 中写明"完整条款见 LICENSE.txt"。
仓库星标数
176,183 GitHub 快照拍摄于 2026-09-14,针对整个 anthropics/skills 仓库,该仓库在此目录中包含 7 个 skill。不是 slack-gif-creator 的评分或使用计数。
已由 OpenDesign 验证
2026-09-14 已检查源文件、路径、许可证文本和星标数。已捆绑在 OpenDesign 主版本中(检查于 2026-08-28);此页面尚未记录实际运行。

SKILL.md 内部

  1. Slack 要求尺寸规格(emoji 128×128,消息 480×480)、FPS 范围 10-30、颜色限制 48-128、emoji 时长 3 秒
  2. 核心工作流三步流程:创建 GIFBuilder、用 PIL 生成帧、使用优化参数保存
  3. 绘制图形处理上传的图片、使用 PIL ImageDraw 基本图形、通过粗线条和层次感让图形更精致
  4. 可用工具用于组装的 GIFBuilder、用于 Slack 合规性的验证器、缓动函数、帧合成辅助工具
  5. 动画概念抖动、脉冲、弹跳、旋转、淡入淡出、滑动、缩放、粒子爆发等效果的实现技巧
  6. 优化策略减少文件大小的五种方法:减少帧数、减少颜色数、缩小尺寸、去除重复帧、emoji 模式
  7. 理念提供知识和工具,而非模板;鼓励创造性地组合概念;不提供预制图形
  8. 依赖项需要通过 pip install 安装 pillow、imageio、numpy
Skill 自身的描述
"为 Slack 创建优化动画 GIF 的知识和实用工具。提供约束条件、验证工具和动画概念。当用户请求为 Slack 制作动画 GIF 时使用,例如"为 Slack 制作一个 X 做 Y 的 GIF"。"

来自 SKILL.md 的前置描述。完整文件约 7,841 个字符。在 GitHub 上阅读完整文件。

Slack GIF Creator

在真实的动效与视频任务上运行 slack-gif-creator。

slack-gif-creator skill 内置于 OpenDesign。下载应用,在 Plugins → Skills 中选择该 skill,粘贴上面的提示,并在查看结果前阅读计划。

终端
npx skills add https://github.com/anthropics/skills --skill slack-gif-creator