클로드 영상 스킬 비교, 오퍼스 5.5용 오픈소스 8가지와 설치법

클로드 영상 스킬 비교가 필요한 사람을 위해, 클로드 오퍼스 5.5에게 코드만으로 영상을 만들게 하는 오픈소스 스킬 8가지를 같은 주제로 돌려 본 결과와 함께 정리했습니다. 스킬마다 무엇을 만드는지, 어떤 용도에 맞는지, 클로드 코드에 어떻게 설치하는지를 담았습니다.

영상 스킬 8가지 한눈에 보기

여기서 다루는 스킬은 이미지⁠·영상 생성 AI를 쓰지 않습니다. 클로드가 화면을 그리는 코드(웹 페이지, SVG, 캔버스)와 소리를 만드는 코드를 직접 짜고, 렌더링 도구가 그 코드를 프레임 단위로 캡처해 MP4로 묶습니다. 스킬(클로드가 특정 작업을 할 때 꺼내 읽는 절차 문서)은 그 코드를 어떤 규칙으로 짤지 정해 줍니다.

• 8가지는 lemo-opuscar, animate, mg-styles-15, brag, ClaudeAnimationBase, motion-graphics, bang-motion, claude-motion-design입니다.
• 스타일을 골라서 만드는 쪽은 lemo-opuscar, animate, mg-styles-15, 프로젝트 홍보 영상은 brag, 캐릭터 손그림은 ClaudeAnimationBase와 animate, 깔끔한 설명형 모션그래픽은 bang-motion, claude-motion-design, motion-graphics가 맞습니다.
• 대부분 클로드 코드 플러그인이나 npx skills add로 설치하고, 렌더링용으로 Node.js와 ffmpeg가 필요합니다.
• 같은 주제로 돌린 한 비교에서는 한 편에 30분에서 50분이 걸렸습니다.

라이선스와 설치 방식은 2026년 10월 기준 각 저장소 안내입니다. 상업적으로 쓸 계획이면 저장소의 라이선스 파일을 직접 열어 확인해야 합니다.

같은 조건으로 비교한 방법

스킬 8가지를 공정하게 견주려면 입력을 같게 맞춰야 합니다. 비교 사례의 조건은 이렇습니다.

• 주제는 "우리 몸은 별에서 왔다", 분량은 15초입니다.
• 화면에 넣을 문장 대본은 모든 스킬에 똑같이 줬습니다.
• 그림도 소리도 전부 코드로만 만들게 했습니다. 이미지⁠·영상을 만드는 AI는 쓰지 않았습니다.
• 중간에 사람이 끼어들지 않고, 스킬이 물어보는 것도 AI가 알아서 정하게 했습니다.
• 모델은 전부 클로드 오퍼스 5.5였고, 시간 제한은 두지 않았습니다.
• 기준선으로 스킬 없이 먼저 만들어 봤는데, 스킬 없이도 꽤 괜찮은 결과가 나왔습니다.

주제 하나, 조건 하나로 스킬마다 한 번씩 만든 결과입니다. 같은 프롬프트라도 실행할 때마다 다른 영상이 나오므로, 순위표가 아니라 스킬별 성격을 보는 자료로 읽는 편이 맞습니다.

스킬 8가지, 하나씩

1. lemo-opuscar: 영상 스타일 라이브러리

영상 스타일 59가지를 모은 라이브러리입니다. 스타일마다 코드만으로 만든 데모 단편이 붙어 있어서, 마음에 드는 것을 고르면 그 화풍으로 만들어 줍니다. 연출 가이드와 제작 기법 문서까지 들어 있습니다. 저장소는 이 스타일들이 클로드 오퍼스 5.5에 맞춰 조정됐고 다른 모델에서는 같은 결과가 안 나올 수 있다고 안내합니다. 비교 사례에서는 AI가 동판화 스타일을 스스로 골랐습니다.

저장소 안내로는 영상 한 편에 에이전트 작업 시간이 30분에서 60분쯤 걸립니다. 주소는 github.com/… 입니다.

2. animate: 캔버스 손그림 애니메이션

캔버스 하나에 그림을 그려 애니메이션을 만드는 스킬입니다. 이야기 확인, 그림체 확인, 스토리보드 확인을 차례로 받고 나서야 본 작업에 들어가는 것이 특징입니다. 기본 스타일은 종이 오리기, 크로스해치 잉크, 리소 인쇄, 스케치북, 수학 설명, 픽셀, 아이소메트릭이고, 레퍼런스를 주면 그 화풍을 맞추는 길도 있습니다. 비교 사례에서는 종이를 오려 붙인 그림책 스타일이 선택됐고, 문장이 사실인지 웹 검색으로 확인하는 단계도 거쳤습니다.

주소는 github.com/… 입니다.

3. mg-styles-15: 모션그래픽 스타일 모음

10초짜리 모션그래픽 단편 15편을 스타일별로 모은 저장소입니다. 설치하는 스킬이라기보다 스타일마다 프롬프트와 전체 소스가 공개된 자료집에 가깝습니다. lemo-opuscar처럼 스타일을 고르는 방식이고, 프롬프트에서 주제와 문구만 바꾸면 내 영상에 쓸 수 있습니다. 비교 사례에서는 15개를 훑어본 뒤 모양이 계속 바뀌는 형태 변형 스타일을 골랐습니다.

주소는 github.com/… 입니다.

4. brag: 출시 영상 스킬

내가 만든 프로젝트를 20초 안팎의 출시 영상으로 바꿔 주는 스킬입니다. 명령 하나로 음악, 움직임, 공유용 문구까지 한 번에 나옵니다. 영상 렌더링은 HyperFrames(HTML로 영상을 만드는 도구)가 맡고, 오퍼스 5.5에서는 더 가벼운 /brag-slim으로 자동 전환됩니다. 비교 사례에서는 빛 알갱이 4,200개가 사람과 별 사이를 오가는 장면이 나왔고 공유 문구와 포스터도 따로 만들어졌습니다. 깃허브 별은 2026년 10월 27일 확인 기준 1만 8천 개를 넘습니다.

주소는 github.com/… 입니다.

5. ClaudeAnimationBase: 붓 손그림 애니메이션 기본 틀

p5.js와 p5.brush(붓 질감을 그리는 자바스크립트 라이브러리)로 캐릭터를 움직이는 시작 키트입니다. 기본 캐릭터가 하나 들어 있고 감정 표현이 여러 가지이며, 모델이 따라야 할 연출 규칙(ANIMATION_GUIDE.md)이 함께 들어 있습니다. 기본 캐릭터가 클로드 코드의 마스코트라서, 비교 사례에서는 다른 캐릭터로 바꿔 넣었습니다.

주의할 점은 렌더링 속도입니다. 저장소는 GPU가 없으면 수채화 질감 채우기가 프레임당 몇 초씩 걸려 느리다고 안내합니다. 비교 사례에서는 이 스킬이 1시간 49분으로, 다른 작품의 세 배쯤 걸렸고 손으로 칠한 듯한 수채화 질감이 다른 작품들과 뚜렷이 달랐습니다. 그래픽 카드가 없는 컴퓨터라면 수채화 채우기를 다른 표현으로 바꿔 달라고 요청하는 방법이 있습니다.

주소는 github.com/… 입니다.

6. motion-graphics: 스킬 여섯 개 묶음

영상 편집용 무료 스킬 여섯 개를 한 저장소에 묶어 둔 프로젝트입니다. 대본에 맞는 B롤 모션그래픽(motion-broll), 사람이나 제품을 배경에서 분리하는 기능(object-separation), 12~20초 홍보 영상(explainer-high-energy), 45~90초 제품 데모(explainer-default), 10~30초 원테이크 이야기(explainer-engaging), 박자에 맞춘 효과음(sound-effects)입니다. 비교 사례에서는 한 요소가 끊기지 않고 이야기를 따라가는 원테이크 스킬을 골라, 수소 원자 하나가 별 속에서 산소가 되고 지구를 지나 사람 몸까지 가는 여행을 한 번에 따라가게 했습니다.

주소는 github.com/… 입니다.

7. bang-motion: HTML 파일 하나로 나오는 모션그래픽

결과물이 index.html 하나로 나오고, 더블클릭하면 영상처럼 재생됩니다. 슬라이드 넘기기식이 아니라 하나로 이어지는 세계, 실제로 움직이는 카메라, 장면 속에 사는 글자 같은 모션 디자인 원칙을 규칙으로 두고 에이전트가 스스로 점검하게 합니다. 오프너, 홍보 영상, 제품 데모, 키네틱 타이포그래피, 해설 영상을 만들 수 있습니다. 비교 사례에서는 문장이 한 글자씩 써지는 타이포그래피가 특히 눈에 띄었습니다.

주소는 github.com/… 입니다.

8. claude-motion-design: 시간 함수와 박자 컷

HTML, Playwright(브라우저 자동 조작 도구), ffmpeg만으로 모션 영상을 만드는 스킬입니다. 영상 전체를 시간 하나(seek(t))로 그리는 함수로 만들어 같은 입력이면 늘 같은 프레임이 나오고, 음악 박자에 컷을 맞추며, 효과음은 측정한 소리 정점에 놓습니다. 저장소의 예시는 만든 사람의 서비스 출시 영상이고, 오퍼스 5.5와 이 스킬로 다섯 번 고쳐 만들었다고 합니다. 비교 사례에서는 만든 뒤 화면만 보고 평가하는 비평 단계를 따로 두어 화면을 확인한 횟수가 59번으로 가장 많았습니다.

주소는 github.com/… 입니다.

소리도 코드로 만든다

비교한 영상들의 배경 음악과 효과음도 대부분 코드가 만든 소리입니다. 소리는 공기의 떨림이고, 그 떨림의 높이를 1초에 48,000번씩 숫자로 계산해 이어 붙이면 소리 파일이 됩니다. 떨림이 빠르면 높은 음, 느리면 낮은 음이 되고, 떨림의 모양을 바꾸면 악기 소리가 달라집니다.

이렇게 만든 소리를 박자에 맞춰 쌓으면 전자음악 한 곡이 되고, 화면의 도형이 바뀌는 순간마다 효과음을 맞출 수 있습니다. 다만 스킬마다 사정이 다릅니다. mg-styles-15 저장소는 소리를 만드는 파이썬 스크립트(audio.py)와 녹음된 악기 샘플 103개를 함께 쓴다고 밝히고, lemo-opuscar는 무료 샘플 라이브러리로 음악을 만든다고 안내합니다. "소리까지 전부 코드"라고 해도 녹음된 소리가 일부 섞이는 경우가 있다는 뜻입니다.

비교해서 보면

• 공통점: 스타일을 따로 정해 주지 않으면 빛 입자로 된 사람과 우주로 모이는 비슷한 그림이 나오는 경향이 있었습니다. 스타일을 고르게 하는 프로젝트는 판화, 그림책, 손그림처럼 확실히 다른 그림을 냈습니다.
• 시간: 대부분 30분에서 50분 사이였고, GPU 없이 붓 질감을 그린 한 작품만 1시간 49분이었습니다.
• 비용: API 요금으로 치면 한 편에 5달러에서 11달러가 들었습니다. 이 값은 해당 비교의 실행 환경과 추론 설정 기준이며, 요금제와 설정에 따라 크게 달라집니다.

용도별로 고르는 기준

• 홍보 영상: brag
• 화풍을 골라 보고 싶다면: lemo-opuscar, mg-styles-15
• 캐릭터가 나오는 손그림: ClaudeAnimationBase, animate
• 깔끔한 설명형 모션그래픽: bang-motion, claude-motion-design, motion-graphics

어떤 걸 고를지는 결국 원하는 그림에 달려 있습니다. 처음이라면 스타일 갤러리를 먼저 볼 수 있는 lemo-opuscar나 mg-styles-15로 화풍을 정한 뒤, 같은 주제로 다른 스킬을 한 번 더 돌려 비교하는 순서가 시행착오를 줄입니다.

클로드 코드에 설치하는 방법

설치 전 확인

• 쓰는 곳: 이 스킬들은 클로드 코드(터미널 또는 데스크톱 앱의 Code 탭)에서 씁니다. 클로드 채팅 화면에서는 영상 렌더링에 필요한 파일 실행이 안 됩니다.
• 모델: lemo-opuscar, mg-styles-15, brag-slim, ClaudeAnimationBase는 오퍼스 5.5를 기준으로 만들었습니다. 다른 모델에서는 결과가 달라질 수 있습니다.
• 준비물: Node.js(저장소마다 18 이상, 20 이상, 22 이상으로 다릅니다), ffmpeg, 일부는 Python 3.11 이상과 Google Chrome이 필요합니다. 아래 명령으로 먼저 확인합니다.

node -v
ffmpeg -version
python3 --version

• 출처: 모두 개인⁠·소규모 팀이 올린 커뮤니티 저장소입니다. 플러그인과 스킬은 에이전트 권한으로 파일을 읽고 명령을 실행할 수 있으니, 설치 전에 저장소의 README와 별 수, 최근 수정일을 직접 봅니다.
• 요금: 영상 한 편이 에이전트 작업 수십 분이라 토큰이 꽤 듭니다. 구독 한도나 API 요금을 확인하고 시작합니다. 메뉴 이름과 명령은 2026년 10월 기준입니다.

방법 1. 플러그인으로 설치(lemo-opuscar, animate, brag, bang-motion)

1. 터미널에서 영상을 만들 빈 폴더로 이동합니다.
2. lemo-opuscar를 쓰려면 아래 두 줄을 터미널(일반 셸)에서 한 줄씩 실행합니다.

claude plugin marketplace add lemomo-ai/lemo-opuscar
claude plugin install lemo-opuscar@lemolab

3. animate는 먼저 터미널에서 렌더링용 브라우저를 설치합니다.

npm i -g playwright && npx playwright install chromium

4. 이어서 claude로 클로드 코드를 켜고, 안에서 animate의 마켓플레이스를 추가해 설치합니다.

/plugin marketplace add cth9191/animate
/plugin install animate@animate

5. brag도 클로드 코드 안에서 아래 두 줄을 입력합니다. 렌더링에는 Node.js 22 이상과 ffmpeg가 필요합니다.

/plugin marketplace add latent-spaces/brag
/plugin install brag@brag

6. bang-motion도 클로드 코드 안에서 입력합니다. 같은 이름의 스킬 폴더를 직접 복사해 둔 것이 있으면 하나만 남깁니다. 두 개가 있으면 충돌합니다.

/plugin marketplace add bangtutorial/bang-motion
/plugin install bang-motion@bang-motion

설치 중 상세 화면이 나오면 함께 들어올 스킬과 훅을 읽고, 범위(나만 / 이 저장소 / 모두)를 고릅니다. 끝에 "Run /reload-plugins to apply." 안내가 나오면 그대로 입력합니다.

/reload-plugins

방법 2. npx로 설치(motion-graphics)

1. 일반 터미널에서 아래 명령을 실행합니다. 설치할 스킬을 고르는 화면이 나오면 쓸 스킬만 체크합니다.

npx skills add Barty-Bart/motion-graphics

2. 에이전트와 설치 범위를 묻는 화면이 나오면 클로드 코드를 고릅니다. 모든 프로젝트에서 쓰려면 전역(global)을 고르고, 이 폴더에서만 쓰려면 프로젝트를 고릅니다.

방법 3. 저장소를 받아서 쓰기(ClaudeAnimationBase, mg-styles-15, claude-motion-design)

1. ClaudeAnimationBase는 저장소를 받아 폴더 안에서 클로드 코드를 켭니다. 준비물은 Node.js, Google Chrome, ffmpeg입니다.

git clone https://github.com/JohnHeibel/ClaudeAnimationBase
cd ClaudeAnimationBase
npm install
claude

2. 클로드 코드에 이렇게 요청합니다. 저장소 안내의 예시를 옮긴 문장입니다.

ANIMATION_GUIDE.md를 읽고, 클로드가 나비를 잡으려는 15초 영상을 만들어 줘.

3. mg-styles-15는 설치할 것이 없습니다. 빈 폴더에서 클로드 코드를 켜고, 저장소의 prompts/ 폴더에서 마음에 드는 스타일의 프롬프트 파일을 열어 내용 전체를 보냅니다. "Creative seed" 부분만 내 이야기와 문구로 바꾸고 "Signature features"는 그대로 둡니다.

4. claude-motion-design은 저장소를 받아 스킬 폴더를 복사하고 파이썬 도구를 설치합니다.

git clone https://github.com/howseen-ai/claude-motion-design
cd claude-motion-design
mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/
pip install playwright imageio-ffmpeg numpy pillow
python -m playwright install chromium

5. 클로드 코드에서 /motion-design을 입력하거나 영상을 만들어 달라고 요청합니다.

설치 확인

클로드 코드 안에서 /skills를 입력해 목록에 스킬 이름이 보이면 성공입니다. 플러그인으로 깐 것은 /plugin의 Installed 탭에서도 확인합니다. 터미널에서는 이렇게 봅니다.

claude plugin list

이름 앞에 /플러그인이름:을 붙여 부르는 방식이 많습니다. lemo-opuscar는 저장소 안내대로 아래처럼 입력하면 어떤 영상을 만들지 단계별로 물어봅니다.

/lemo-opuscar:lemo-opuscar

지우기와 끄기

• 플러그인: /plugin의 Installed 탭에서 고른 뒤 끄거나 Uninstall을 누릅니다. 터미널에서는 claude plugin uninstall brag@brag처럼 플러그인이름@마켓플레이스이름으로 지웁니다.
• npx로 설치한 스킬: 아래 명령을 실행하고 지울 스킬을 고릅니다.

npx skills remove

• 직접 복사한 스킬: ~/.claude/skills/ 아래의 해당 폴더를 지웁니다.

막힐 때

• 스킬이 안 보인다: 세션을 연 뒤에 설치했다면 /reload-plugins를 입력하거나 클로드 코드를 다시 켭니다. 직접 복사했다면 SKILL.md가 ~/.claude/skills/스킬이름/ 바로 안에 있어야 합니다.
• 렌더링이 끝나지 않는다: ffmpeg와 크롬 또는 Chromium이 설치돼 있는지 확인합니다. 그래픽 카드가 없으면 붓 질감⁠·WebGL 장면이 매우 느립니다. 해당 질감을 단순한 표현으로 바꿔 달라고 요청합니다.
• 결과가 기대와 다르다: lemo-opuscar 같은 오퍼스 5.5 기준 스킬을 다른 모델로 돌렸을 수 있습니다. 모델을 확인하고, 같은 프롬프트도 실행마다 결과가 달라지는 점을 감안해 한두 번 더 돌려 봅니다.