TAU-HOME.COM
LOADING

Prompt Motion: Claude Opus 5.5 기반 226개 모션 그래픽과 생성 프롬프트·스킬 아카이브

Claude Opus 5.5로 제작된 226개의 모션 그래픽 비디오와 각 애니메이션을 생성한 원본 프롬프트 및 에이전트 스킬을 나란히 제공하는 프롬프트 갤러리 Prompt Motion(prompt-motion.com)을 정리합니다.

tau · 2026년 10월 8일

#PromptMotion #ClaudeOpus #모션디자인 #AI애니메이션 #프롬프트라이브러리 #개발도구 #Anthropic

Prompt Motion: Claude Opus 5.5 기반 226개 모션 그래픽과 생성 프롬프트·스킬 아카이브

Anthropic의 대규모 언어 모델 Claude Opus 5.5로 제작된 226종의 모션 그래픽 애니메이션과 이를 직접 생성한 원본 프롬프트 및 에이전트 스킬 코드를 나란히 전시한 오픈 웹 갤러리 'Prompt Motion'(prompt-motion.com)이 공개되었습니다. 2026년 10월 7일 X 커뮤니티의 @RoundtableSpace 등을 통해 소개된 이 웹사이트는 AI 기반 모션 디자인 작업을 빠르게 복제하고 역공학할 수 있는 스와이프 파일(swipe file) 라이브러리를 제공합니다.

Claude Opus 5.5 기반 226개 모션 그래픽 비디오와 생성 프롬프트 및 스킬 코드가 나란히 정리된 Prompt Motion 웹 갤러리 인터페이스

이미지 출처: https://prompt-motion.com

기존 소셜 미디어 상에서 공유되던 AI 애니메이션 영상들은 결과물만 화려하게 보여주고 정작 생성에 쓰인 구체적 지시문이나 파라미터를 생략하는 경우가 많았습니다. 반대로 프롬프트만 공유되는 경우에는 실제 렌더링된 모션의 타이밍이나 이징(Easing), 트랜지션 품질을 미리 확인할 방법이 없었습니다. Prompt Motion은 각 애니메이션 프리뷰 비디오 바로 옆에 해당 결과물을 도출한 프롬프트 또는 스킬 명세를 나란히 배치하여 이러한 정보 불일치를 해소합니다.

226개 모션 그래픽과 1:1 대조 인터페이스

Prompt Motion 갤러리의 핵심 구조는 영상 결과물과 생성 코드의 직결 배치입니다.

  • 원작자 출처 표기: X 커뮤니티 등에서 공유된 우수 작업물 226개를 선별 수집하며, 모든 클립에 원작 크리에이터의 계정 링크와 크레딧을 명시해 레퍼런스의 출처를 투명하게 보존합니다.
  • 프롬프트 vs 스킬 필터링: 단순 자연어 지시문 형태인 '프롬프트(Prompt)' 항목과 전용 에이전트 도구 규격을 활용한 '스킬(Skill)' 항목을 명확히 구분하여 필터링할 수 있습니다.
  • 비디오 프리뷰와 원클릭 복사: 애니메이션 재생을 일시정지하며 세부 프레임을 검토할 수 있는 비디오 플레이어와 함께, 지시문을 즉시 클립보드에 복사할 수 있는 원클릭 인터페이스를 지원합니다.

Claude Opus 5.5 코드 기반 모션 생성의 특징

Prompt Motion에 수록된 작업물 대다수는 픽셀 단위로 영상을 합성하는 전통적인 비디오 생성 모델(T2V) 방식이 아니라, Claude Opus 5.5가 브라우저 실행 코드를 작성하고 이를 렌더링하여 영상화한 산출물입니다.

Opus 5.5 모델은 HTML5 Canvas, SVG, CSS Keyframes, GSAP, Three.js 등을 조합한 모션 그래픽 스크립트를 생성하는 데 최적화되어 있습니다. 이 방식은 인터페이스 컴포넌트 모핑, 정확한 타이포그래피 애니메이션, 벡터 로고 트랜지션, 데이터 시각화 차트 등 정밀한 기하학적 형태와 선명한 해상도가 요구되는 모션 디자인 영역에서 강점을 발휘합니다.

갤러리에 등록된 스와이프 파일은 이러한 코드 기반 생성 프롬프트가 어떤 어휘와 파라미터 구조로 복잡한 모션 시퀀스를 통제하는지 실무 개발자와 디자이너가 즉시 참조할 수 있도록 돕습니다.

렌더링 환경 종속성과 재현 시 유의점

Prompt Motion의 지시문과 스킬을 자신의 프로젝트나 로컬 파이프라인에 재현할 때는 실행 환경에 따른 차이를 유의해야 합니다.

  • 브라우저 렌더링 스택 일치 필요: Canvas, GSAP, SVG 등을 활용하는 웹 애니메이션 코드는 실행 환경의 라이브러리 버전, 뷰포트 종횡비, 렌더러 설정에 따라 미세한 시각적 차이나 타이밍 불일치가 발생할 수 있습니다.
  • 에이전트 도구 및 스킬 종속성: '스킬(Skill)' 태그가 부여된 항목은 HyperFrames 등 특정 에이전트 하네스나 사전 정의된 도구 규격을 전제로 작동합니다. 도구 정의 없이 순수 텍스트 프롬프트만 LLM에 입력할 경우 갤러리와 동일한 퀄리티의 실행 코드가 도출되지 않을 수 있습니다.
  • 반복 튜닝 가능성: 전시된 최종본 중 일부는 단일 원샷 호출이 아닌 단계적 수정 지시를 거쳤을 수 있으므로, 실제 구현 시 기본 출력을 확인한 뒤 세부 파라미터를 추가 조율하는 과정이 권장됩니다.

출처