사용 가이드로 건너뛰기
slack-gif-creator작성자 Anthropic

Slack GIF Creator 스킬.

모션 및 비디오를 위한 Claude Code 및 Codex 스킬: 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 기능

Claude Code와 Codex에서 slack-gif-creator 스킬이 수행하는 작업

요약, 워크플로, 산출물을 모두 해당 스킬의 SKILL.md에서 그대로 읽어 정리한 내용입니다.

SKILL.md에서2026-09-14 읽음 · 실행 기록 아님

스킬 자체의 표현으로

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
    빌더에 프레임 추가

    각 PIL Image에 대해 add_frame을 호출하거나 목록에 대해 add_frames를 호출합니다. 빌더는 내보내기 전까지 모든 프레임을 누적합니다.

  5. 05
    Slack 최적화를 적용해 저장

    48~128 사이의 num_colors로 내보내고(색상 수가 적을수록 파일 크기가 줄어듦), 자동 최적화를 위해 optimize_for_emoji=True를, 중복 프레임을 제거하기 위해 remove_duplicates=True를 사용합니다.

  6. 06
    Slack 요구 사항에 맞는지 검증

    GIF가 크기, 용량, 파라미터 제약을 충족하는지 확인하려면 자세한 피드백을 위해 validate_gif를, 빠른 통과/실패 확인을 위해 is_slack_ready를 사용합니다.

02 적합성 확인

slack-gif-creator Skill을 사용해야 하는 경우

이러한 유형의 모션 및 비디오 작업일 때 Claude Code 또는 Codex에서 slack-gif-creator skill을 사용합니다. 아래 적합성과 한계는 skill 자체 파일에서 가져온 것입니다.

적합한 경우

  • 이징 함수를 사용해 부드러운 모션의 480×480 메시지 GIF 제작하기
  • 바운스와 회전, 또는 펄스와 슬라이드 같은 애니메이션 개념 결합하기
  • 사용자가 업로드한 이미지를 직접 활용하거나 색상과 스타일의 참고 자료로 활용하기

한계 인지하기

  • 스킬에 미리 패키징된 그래픽이나 고정된 애니메이션 템플릿이 있으리라 기대하기

제공할 사항

  • 대상과 동작이 포함된 애니메이션 요청"Slack용으로 X가 Y하는 GIF를 만들어줘"와 같이 애니메이션 대상과 동작을 구체적으로 지정하는 설명으로, 이 스킬의 사용을 유발합니다.
  • 선택적으로 사용자가 업로드한 이미지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 이 카탈로그에 7개의 스킬을 포함하는 전체 anthropics/skills 저장소에 대해 2026-09-14에 촬영된 GitHub 스냅샷입니다. 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. 최적화 전략파일 크기를 줄이는 다섯 가지 방법: 프레임 수 감소, 색상 수 감소, 크기 축소, 중복 제거, 이모지 모드
  7. 철학템플릿이 아니라 지식과 유틸리티를 제공하며, 콘셉트를 조합하는 창의성을 장려합니다. 미리 제작된 그래픽은 없습니다
  8. 의존성pip install을 통해 pillow, imageio, numpy가 필요합니다
스킬 자체 설명
"Slack에 최적화된 애니메이션 GIF를 생성하기 위한 지식과 유틸리티입니다. 제약 조건, 검증 도구 및 애니메이션 개념을 제공합니다. 사용자가 "X가 Y를 하는 Slack용 GIF를 만들어줘"와 같이 Slack용 애니메이션 GIF를 요청할 때 사용합니다."

SKILL.md의 프론트매터 설명입니다. 전체 파일은 약 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