yihui-dev/awesome-opus5-5-videos

A growing collection of viral videos made with Claude Opus 5.5 and the prompts behind them. Watch each original next to a live remake on Skillry. Updated regularly.

GitHub에서 열기 ↗ ai-videoawesomeawesome-listclaudeclaude-opuscreative-codingmotion-graphicspromptsthreejs
13,637
GitHub 스타
1,438
포크
—
언어
MIT
라이선스
2026.10.13
최근 푸시
2026.10.16
별표한 날

AI 분석

설치 난이도: 쉬움
큐레이터 노트
AI로 코드 기반 애니메이션과 모션 그래픽을 만드는 워크플로에 관심이 있다면 참고 가치가 높다. 특히 Three.js, GLSL, Canvas 기반 프롬프트를 카테고리별로 모아 둔 점이 실무 아이디어 발굴에 유용하다.

강점

  • 703개의 프롬프트와 418개의 라이브 리메이크를 함께 제공해, 단순 링크 모음이 아니라 실제로 재현 가능한 자료로 구성되어 있다.
  • 각 항목이 제작자의 원본 게시물로 연결되어 출처 추적과 추가 탐색이 쉽다.
  • HTML, Canvas, SVG, Three.js, GLSL 등 사용 기술이 태그로 분류되어 있어 원하는 스타일의 프롬프트를 빠르게 찾을 수 있다.
  • 프롬프트 사용 방법이 3단계로 간결하게 정리되어 있어 초심자도 바로 따라 할 수 있다.

약점

  • README 자체에는 설치나 코드 실행 방법이 없고, 실제 프롬프트 파일 내용은 저장소 내 `prompts/` 디렉터리를 열어야 확인할 수 있다.
  • 모션 그래픽, 설명형, 3D, 게임 섹션의 항목이 표 형태가 아닌 평문 나열이라 가독성이 다소 떨어진다.
  • 일부 제작자는 프롬프트 일부만 공개했거나 결과만 설명해, 모든 항목이 완전히 재현 가능한 것은 아니다.

주의사항

  • 영상과 프롬프트의 저작권은 각 제작자에게 있으므로, 상업적 활용 전 원본 게시물의 라이선스와 이용 조건을 확인해야 한다.
  • 저장소 라이선스는 MIT이지만, 이는 큐레이션 목록 자체에 적용되며 개별 프롬프트나 영상에는 별도 조건이 있을 수 있다.
  • Claude Opus 5.5 환경을 전제로 하므로, 다른 모델이나 에이전트에서는 결과가 달라질 수 있다.

시작 가이드

  • `prompts/` 디렉터리와 `data/videos.json` 구조를 확인해 프롬프트를 어떻게 파싱하고 재사용할지 파악한다.
  • 관심 있는 카테고리(예: 3D 장면, 게임)에서 프롬프트 몇 개를 골라 Claude Opus 5.5로 직접 렌더링해 본다.
  • Skillry의 라이브 리메이크와 원본 영상을 비교해 프롬프트 품질과 재현성을 평가한다.
  • 자주 쓰는 프롬프트 패턴을 정리해 자신만의 템플릿으로 재구성한다.

README 한국어 번역

이 번역은 AI가 원문 README를 옮긴 것입니다. 원문이 항상 우선합니다.

Awesome Opus 5.5 Videos

사람들이 Claude Opus 5.5로 만든 바이럴 영상 모음으로, 각 영상에는 제작자가 공개한 프롬프트(프롬프트가 공개되지 않은 경우에는 원본 게시물)가 함께 실려 있습니다.

이곳의 모든 영상은 Claude Opus 5.5에게 애니메이션을 코드(HTML, Canvas, SVG, Three.js 등)로 작성해 달라고 요청해 만들어진 것입니다. 하나를 골라 프롬프트를 복사한 뒤 자신의 에이전트로 시도해 보세요.

▶ Skillry에서 418개 전체를 라이브 리메이크와 나란히 감상하기

  • prompts/와 data/videos.json에 703개의 프롬프트가 있으며, 그중 418개는 Skillry에서 라이브 리메이크와 함께 볼 수 있습니다.
  • 아래에는 리메이크된 영상 100개가 강조되어 있으며, 각기 다른 프롬프트당 하나씩입니다.
  • 모든 항목은 제작자의 원본 게시물로 연결됩니다.
  • 최신 업데이트(2026-10-12): 영상 10개 추가, 대부분 설명형 영상과 3D 장면입니다.
  • 2026-10-12: 프롬프트 285개 추가(최신 프롬프트 참고)

목차

  • 모션 그래픽 (58)
  • 설명형 영상 (16)
  • 3D 장면 (14)
  • 게임 및 인터랙티브 (12)
  • 최신 프롬프트 (30)
  • 프롬프트 사용 방법
  • 크레딧

모션 그래픽

@anabology · PromptCanvas · AI 이미지@moritzkremb · PromptSVG · GSAP@melvynx · PromptCanvas · SVG · GSAP @ajithio · PromptCanvas · SVG · GSAP@danielmac8 · PromptSVG · GSAP@prasadpilla · PromptSVG · GSAP @itsolelehmann · PromptCanvas@Ishaaqahamed · PromptCanvas@heyiammallik · PromptThree.js · Canvas @annnnng · PromptCanvas@ajithio · PromptCanvas · Particles@0xfemyn · PromptCanvas · SVG · CSS @prasenx · PromptGLSL · Canvas · Web Audio@brainextends · PromptGLSL · SVG@pankajkumardev · PromptCanvas @nolkeeg · PromptCanvas · Particles@1littlecoder · PromptCanvas@ezshine · PromptCanvas · SVG · GSAP @songkeys · PromptCanvas@jackfriks · PromptCanvas · SVG · GSAP@sab8a · PromptCanvas · AI 이미지 @viktoroddy · PromptCanvas · SVG · GSAP@klossxyz · PromptCanvas · Web Audio@monokern · PromptGLSL · WebGL · Canvas @zheke · PromptGLSL · WebGL · Canvas@dalevaz · PromptCanvas@ChatGptAstra · PromptCanvas @SPEARwtf · PromptThree.js · Canvas@MajorBaguette · PromptCanvas@miskinho · PromptSVG · GSAP @felipemoller · PromptThree.js · SVG · GSAP@HOBA · PromptCanvas@HowDevelop · PromptCanvas @MiaAIlab · PromptGLSL · WebGL · Canvas@gouthamjay8 · PromptSVG · GSAP@marklaunches · PromptCanvas · SVG @KmAsiff · PromptSVG@TrigLyceee · PromptSVG · CSS@Mounnna · PromptCanvas @johnsavageai · PromptThree.js · GLSL · Canvas@rammanq · PromptSVG · GSAP@RatheeJaisal · PromptCanvas · SVG @wanishola · PromptSVG · GSAP@robvjourney · PromptCanvas · SVG@lestertyy · PromptSVG @pound75423 · PromptCanvas · CSS@souravbhar871 · PromptCanvas@gautammer1 · PromptCanvas · SVG · GSAP @doubleunplussed · PromptCanvas@bizibeast · PromptSVG · GSAP · CSS@GroundControl · PromptCanvas · Web Audio @ceowinkz · PromptCanvas · SVG@XanderwowA · PromptCanvas@iamMXFSCHR · PromptGSAP @sachaarbonel · PromptCanvas · SVG · GSAP@manuelogomigo · PromptCanvas · SVG@chrisjdimarco · PromptCanvas @Madhav_XO · PromptThree.js · GLSL · Canvas

설명형 영상

@RorFly · PromptCanvas@deedydas · PromptSVG · GSAP@sudokiran · PromptCanvas · SVG · GSAP @0xValure · PromptThree.js · Canvas@verbove · PromptCanvas@ajithio · PromptThree.js · GLSL · Canvas @LinearUncle · PromptSVG · Web Audio@alexprompter · PromptSVG · GSAP@emollick · PromptCanvas @klossxyz · PromptCanvas · SVG · CSS@henkvaness · PromptSVG@AmitSingha89 · PromptSVG @tak3sh8 · PromptCanvas · Web Audio@AstroTheWizard · PromptCanvas@sudokiran · PromptCanvas · SVG · CSS @Sarut0biSasuke · PromptCanvas

3D 장면

@twoclipping · PromptSVG · CSS@__morse · PromptSVG@lukasersil · PromptThree.js · GLSL · Canvas @BThreeAgency · PromptCanvas · SVG · CSS@alexalbert__ · PromptThree.js · GLSL · Canvas@Michaelzsguo · PromptGLSL · Canvas @twoclipping · PromptCanvas@AxtonLiu · PromptGLSL · WebGL@mdaman010 · PromptThree.js · GLSL · SVG @BuildFastWithAI · PromptThree.js · Canvas@anirockshady · PromptThree.js · GLSL · SVG@Anilraok · PromptThree.js · Canvas @ishuagra02 · PromptThree.js · GLSL · Particles@DemitiyaGeekzen · PromptGLSL · WebGL · Canvas

게임 및 인터랙티브

@MandelDuck · PromptThree.js · GLSL · Canvas@gandamuml · PromptThree.js · GLSL · Canvas@0xChuckstock · PromptThree.js · GLSL · Playable @zacxbt · PromptCanvas · Pixel art · Playable@LexnLin · PromptThree.js · GLSL@redpersongpt · PromptSVG @froessell · PromptThree.js · Canvas · Physics@aisongman · PromptCanvas · Pixel art · Playable@Bilimfili1 · PromptCanvas · SVG @VedCJ · PromptThree.js · Canvas@NoLit64 · PromptCanvas · Web Audio · Playable@opener_ai · PromptCanvas · Pixel art · Playable

최신 프롬프트

285개 추가 프롬프트 중 가장 최신 항목으로, 각각 영상이 포함된 제작자 게시물로 연결됩니다. 모두 prompts/에 들어 있습니다.

Motion Graphics Music Machine@adrianduta96Krakatoa Volcano WebGL [email protected] Castle Above Clouds Experience@YouWareAI 3D Logo Intro Animation Studio@juancarlos17626Apple Evolution Motion Graphics@aiRobertDailyGolden Hour Manor Scene@Thusatharan Interactive Zen Garden HTML Animation@arixxbtClaude Motion: Opus 5.5 Animated Story@N01ennnCinematic F1 Pit Stop Animation@rubenssotoai Procedural 3D Elephant in HTML@ThusatharanOpus 5.5 Brand Teaser@UtsavChopra30Deterministic Frame-Based Video Rendering@0xKarmi Temple of Heaven 3D Animation@shunshu323851433D Brake Pedal Stress Simulation Animation@changOpus 5.5 Rust Fframes Audio-Reactive Video@BuildFastWithAI Interactive HTML Presentation with Narration@Drake5112Saturn V Rocket Interactive 3D Model@aichrisleeSaaS Launch Video Animation@Screeendev Realistic Lava Lamp WebGL Animation@juancarlos17626House Growth Animation@cryptowluhaGSAP Timeline with Frame Checking@fleyta88 UI Motion Loop Design@flxrncBlender Previs Car Chase@tonysurixFood Craving Product Launch Film@ultimaxbt Minecraft Street View Animation@0xverdaoCinematic Dreams Visual Experience@SimonasLTU1Widget Animation Motion Design@Khlaseek_dsgner AI History Motion Video@btcup99Nobel prize science@KeWai386772Middle-earth Three.js World@mdaman010

프롬프트 사용 방법

  1. 프롬프트 파일을 열고 Prompt 아래의 블록을 복사합니다.
  2. Claude Opus 5.5(Claude Code, Claude 앱 또는 Opus 5.5를 실행하는 모든 에이전트)에 붙여넣습니다.
  3. 결과를 단일 HTML 파일로 렌더링하도록 요청한 뒤, 영상이 필요하면 해당 페이지를 녹화합니다.

일부 제작자는 프롬프트의 일부만 공개했거나 게시물에서 결과만 설명했으며, 그런 파일에는 그 사실이 명시되어 있습니다.

원본 저장소: yihui-dev/awesome-opus5-5-videos

라이선스: MIT

게재 제외를 원하시면 삭제 요청을 보내주세요.