使い方ガイドへスキップ
slack-gif-creator作者 Anthropic

Slack GIF Creator スキル。

モーションとビデオ向けの Claude Code と Codex スキル:Slack のサイズと寸法制限を満たすアニメーション GIF。

  • モーションと動画
  • 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年9月14日に読み取られたフロントマターとセクション見出し · 全7,841文字

01 できること

Claude CodeとCodexでslack-gif-creator Skillが行うこと

概要、ワークフロー、出力。いずれもスキルの SKILL.md から読み取った内容です。

SKILL.md より2026年9月14日読取 · 実行記録ではありません

スキル自身の言葉で

Slackのサイズと寸法要件に最適化されたアニメーションGIFを作成するためのツールキットです。フレームを組み立てるGIFBuilder、Slack準拠を確認するバリデーター、滑らかな動きのためのイージング関数、一般的な描画タスク用のフレームヘルパーを提供します。絵文字GIF(128×128、3秒未満)とメッセージGIF(480×480)向けに設計されています。

PILのImageDraw primitivesを使用してグラフィックをゼロから作成するか、ユーザーがアップロードした画像を扱います。バウンス、パルス、スピン、フェード、パーティクルバーストといったアニメーションのコンセプトを含みます。単純なプレースホルダー図形ではなく、適切な線の太さ、視覚的な奥行き、色のコントラストを備えた洗練されたクリエイティブなグラフィックの作成に重点を置いています。

GIF
プロンプト例を見る ↗

仕組み

  1. 01
    GIFBuilderを作成する

    目的の寸法(絵文字なら128×128、メッセージなら480×480)と、10〜30FPSのフレームレートで初期化します。フレームレートが低いほどファイルサイズは小さくなります。

  2. 02
    PIL Primitivesでフレームを生成する

    PILのImageDrawの楕円、多角形、線、長方形を使って各フレームを描画します。

  3. 03
    滑らかな動きのためにイージング関数を適用する

    線形の動きの代わりに、ease_out、bounce_out、elastic_out、back_outといったイージングカーブを使ったinterpolateを使用して、自然な感覚のアニメーションを作成します。

  4. 04
    ビルダーにフレームを追加する

    各PIL Imageに対してadd_frameを呼び出すか、リストに対してadd_framesを呼び出します。ビルダーはエクスポート前にすべてのフレームを蓄積します。

  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 スキルを使用します。以下の適合性と制限はスキル自身のファイルから取得されています。

適している場合

  • イージング関数を使って滑らかな動きで480×480のメッセージGIFを作成する
  • バウンスと回転、パルスとスライドなどアニメーションのコンセプトを組み合わせる
  • ユーザーがアップロードした画像を直接使用するか、色やスタイルのインスピレーションとして使用する

境界を知る

  • スキルに組み込まれた既製のグラフィックや固定的なアニメーションテンプレートを期待する

提供すべきもの

  • 主題と動作を含むアニメーションのリクエスト「Slack用にXがYをしているGIFを作って」のような、何をアニメーション化するか、どのような動作をするかを指定する説明で、Skillの使用をトリガーします。
  • 任意でユーザーがアップロードした画像直接アニメーション化するか、色やスタイルのインスピレーションとして使用する画像ファイルで、PIL Image.openで読み込まれます。

03 スキルの内部

slack-gif-creator スキルが Claude Code と Codex に与えるルール

SKILL.md がエージェントに設定する 8 つの具体的な指示・既定値・制限 — 結果を変える部分です。

  1. 絵文字 GIF は 128×128、メッセージ GIF は 480×480 である必要があります

    Slack では特定の寸法が求められます。絵文字 GIF には 128×128 が推奨され、メッセージ GIF には 480×480 が求められます。これらはスキルのバリデーターによって検証される厳格な要件です。

  2. 絵文字 GIF の再生時間は 3 秒未満に保つ

    絵文字 GIF に限っては、Slack の要件を満たし、適切なファイルサイズを維持するため、再生時間は 3 秒未満に保つ必要があります。

  3. アウトラインには常に width=2 以上を使用する

    width=1 の細い線はガタガタして見え、仕上がりが未熟な印象になります。アウトラインや線には常に width=2 以上を設定し、洗練されたグラフィックを実現してください。

  4. 絵文字フォントを使用しない

    絵文字フォントのレンダリングはプラットフォームによって信頼性が低いため使用してはいけません。代わりに 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 コマンドを実行し、エージェントで最初のタスクを実行して、結果をチェックリストで確認します。

Claude Code、Codex、またはお使いのエージェントに slack-gif-creator を追加

プロジェクトで実行してください。インストーラーが、どのエージェントに追加するかを尋ねます。

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

skills/slack-gif-creator/SKILL.md に対する汎用的な skills CLI 形式です。リポジトリによっては独自のパスが記載されている場合があります。

スキルに最初のモーション・動画タスクを与える

スキル自身の用語で記述されています。角括弧の部分はご自身の内容に置き換えてください。

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.md 自体が正しい結果として示しているもの:

  • is_slack_ready を使用すると、GIF が Slack のすべての要件を満たしているかを手早く真偽値で確認できます

OpenDesign では slack-gif-creator は同梱されています:Plugins → Skills から、上部バーで選択してください。

05 オープンソースで追跡可能

ソース、ライセンス、検証

このページの情報の出所と、最終確認日時です。

Author
Anthropic
Repository
github.com/anthropics/skills ブランチ main
スキルファイル
skills/slack-gif-creator/SKILL.md コンテンツチェックサムは検証時に記録されました。コミット 34040c9
License
Apache-2.0 skills/slack-gif-creator/LICENSE.txt より。SKILL.md には「完全な条項は LICENSE.txt に記載」とあります。
リポジトリスター数
176,183 anthropics/skills リポジトリ全体の GitHub スナップショットは 2026-09-14 に取得されました。このカタログには 7 つのスキルが含まれています。slack-gif-creator の評価や使用数ではありません。
OpenDesign により検証済み
2026-09-14 ソースファイル、パス、ライセンステキスト、スター数を確認済み。OpenDesign メイン版に同梱(2026-08-28 確認)。このページでは実際の実行記録はまだありません。

SKILL.md の中身

  1. Slack の要件寸法仕様(絵文字 128×128、メッセージ 480×480)、FPS 範囲 10〜30、色数制限 48〜128、絵文字の再生時間 3 秒
  2. コアワークフロー3 段階のプロセス:GIFBuilder を作成し、PIL でフレームを生成し、最適化パラメーターを付けて保存する
  3. グラフィックの描画アップロードされた画像の扱い、PIL の ImageDraw プリミティブの使用、太い線と奥行きでグラフィックを洗練させる方法
  4. 利用可能なユーティリティ組み立て用の GIFBuilder、Slack 準拠のためのバリデーター、イージング関数、フレームコンポーザーのヘルパー
  5. アニメーションコンセプトシェイク、パルス、バウンス、スピン、フェード、スライド、ズーム、パーティクルバーストの各エフェクトを実現する手法
  6. 最適化戦略ファイルサイズを削減する5つの方法:フレーム数の削減、色数の削減、サイズの縮小、重複の除去、emojiモード
  7. 設計思想テンプレートではなく知識とユーティリティを提供します。コンセプトを組み合わせる創造性を促し、既成のグラフィックは用意していません
  8. 依存関係pip installでpillow、imageio、numpyが必要です
スキル自身による説明
「Slack 向けに最適化されたアニメーション GIF を作成するための知識とユーティリティです。制約、検証ツール、アニメーションコンセプトを提供します。ユーザーが「X が Y をしている Slack 用の GIF を作って」のように Slack 用アニメーション GIF をリクエストした際に使用します。」

SKILL.md の front-matter 説明です。完全なファイルは約 7,841 文字です。GitHub で完全なファイルを読む。

Slack GIF Creator

実際のモーションと動画のタスクで slack-gif-creator を実行します。

slack-gif-creator スキルは OpenDesign に同梱されています。アプリをダウンロードし、Plugins → Skills でスキルを選択し、上記のプロンプトを貼り付けて、結果の前にプランを確認します。

ターミナル
npx skills add https://github.com/anthropics/skills --skill slack-gif-creator