클로드 코드로 모션그래픽 100개 — 리모션 스킬 설치부터 요청문까지

저희 AI 활용 릴스는 디자인 프로그램 없이 만들어요. 클로드 코드에 장면을 말로 설명하면 클로드가 리모션(Remotion) 코드를 짜고, 명령 한 줄로 MP4 영상이 나와요. 아래 그림의 효과 100개도 전부 이렇게 만들었어요.

준비

1. 클로드 코드(Claude Code)를 설치해요. 유료 요금제 계정이 필요해요.
2. Node.js 20 이상을 설치해요.
3. 리모션은 개인이나 3명 이하 회사는 무료로 쓸 수 있어요. 그보다 큰 회사는 유료 라이선스가 필요해요.

1단계. 리모션 스킬 설치

터미널에서 아래 한 줄을 실행해요. 리모션 팀이 만든 클로드용 스킬이 설치돼서, 클로드가 리모션 사용법을 알고 코드를 짜요.

npx skills add remotion-dev/skills -g -a claude-code

설치 후 클로드 코드를 다시 열고, 새 영상 프로젝트를 만들어 달라고 하면 돼요.

리모션으로 새 프로젝트 만들어줘. 세로 1080x1920, 30fps.

2단계. 말로 시키기

원하는 움직임을 문장으로 설명해요. 처음에 크기·배경·강조색을 정해 두면 효과끼리 톤이 맞아요.

리모션 컴포지션을 하나 만들어줘. 300x300, 30fps, 2초 반복.
배경은 #111119, 강조색은 #a78bfa, 글꼴은 Pretendard 굵게.
효과: 숫자가 0에서 100까지 1.3초 동안 올라가게 해줘.

마지막 "효과:" 줄만 아래 100개 목록에서 골라 바꿔 넣으면 돼요. 마음에 안 들면 "더 빠르게", "튕기는 느낌 줄여줘"처럼 말로 고치면 돼요.

3단계. MP4로 렌더

npx remotion render 컴포지션이름 out.mp4

윈도우에서 렌더가 브라우저 실행 오류로 멈추면, 설치된 크롬 경로를 직접 지정하세요.

npx remotion render 컴포지션이름 out.mp4 --browser-executable="C:/Program Files/Google/Chrome/Application/chrome.exe"

목소리도 0원으로

내레이션은 무료 edge-tts로 만들어요. 파이썬에서 pip install edge-tts 후 한국어 목소리(ko-KR-InJoonNeural, 속도 +18%)로 문장마다 파일을 만들고, 앞뒤 무음을 잘라 리모션에 넣으면 돼요. 이것도 클로드에게 "edge-tts로 이 문장들 읽어서 넣어줘"라고 시키면 돼요.

효과 100개 요청문

10개씩 묶었어요. 오른쪽 위 복사 버튼으로 통째로 가져가서 필요한 줄만 쓰세요.

001~010 텍스트 등장

001 텍스트 페이드업: 글자가 아래에서 40px 떠오르며 0.4초 동안 서서히 나타나게 해줘.
002 텍스트 팝: 글자가 0에서 원래 크기로 스프링처럼 튀어나오게 해줘.
003 타자기: 글자가 한 글자씩 타이핑되고 끝에 깜빡이는 커서를 붙여줘.
004 블러 인: 글자가 흐릿한 상태에서 0.5초 동안 또렷해지며 나타나게 해줘.
005 슬라이드 인: 글자가 오른쪽 밖에서 미끄러져 들어와 가운데 멈추게 해줘.
006 글자별 순차 등장: 글자 하나하나가 0.1초 간격으로 아래에서 튀어 오르게 해줘.
007 바운스 확대: 글자가 크게 튕기며 커졌다가 원래 크기로 자리 잡게 해줘(damping 낮게).
008 와이프 공개: 글자가 왼쪽부터 오른쪽으로 가려진 막이 걷히듯 드러나게 해줘.
009 회전 등장: 글자가 -90도 기울어진 상태에서 회전하며 바로 서게 해줘.
010 글리치: 처음 0.7초 동안 글자가 좌우로 떨리며 빨강·청록 잔상이 생기게 해줘.

011~020 숫자·데이터

011 숫자 카운터: 숫자가 0에서 100까지 1.3초 동안 올라가게 해줘.
012 퍼센트 링: 원형 테두리가 75%까지 차오르고 가운데에 퍼센트 숫자를 같이 올려줘.
013 진행 바: 가로 막대가 0%에서 100%까지 차오르게 해줘.
014 막대 차트: 막대 5개가 0.13초 간격으로 아래에서 자라나게 해줘.
015 꺾은선 그리기: 꺾은선 그래프 선이 왼쪽부터 그려지게 해줘(strokeDashoffset).
016 파이 차오름: 원이 시계 방향으로 색이 차오르는 파이 차트로 만들어줘(conic-gradient).
017 숫자 롤링: 숫자가 슬롯머신처럼 위로 굴러가며 바뀌게 해줘.
018 시계 바늘: 시계 바늘이 계속 한 바퀴씩 돌게 해줘.
019 카운트다운: 3, 2, 1이 0.6초마다 하나씩 튀어나오게 해줘.
020 별점: 별 5개가 순서대로 팝 하고 채워지게 해줘.

021~030 도형

021 원 숨쉬기: 원이 숨 쉬듯 커졌다 작아지기를 반복하게 해줘.
022 사각형 회전: 사각형이 계속 천천히 회전하게 해줘.
023 모양 변신: 사각형이 원으로, 원이 다시 사각형으로 부드럽게 바뀌게 해줘(borderRadius).
024 물결 파동: 가운데에서 원 3개가 시간차로 퍼지며 사라지게 해줘.
025 궤도 점: 점 3개가 가운데를 중심으로 궤도를 돌게 해줘.
026 튀는 공: 공이 바닥에서 통통 튀게 해줘.
027 진자: 막대 끝 공이 좌우로 진자처럼 흔들리게 해줘.
028 나선 점: 점 12개가 나선 모양으로 돌며 회전하게 해줘.
029 삼각형 그리기: 삼각형 테두리가 한 붓으로 그려지게 해줘.
030 심장 박동: 하트가 두 번 쿵쿵 뛰고 쉬는 박동을 반복하게 해줘.

031~040 배경

031 격자 스크롤: 배경 격자가 대각선으로 천천히 흘러가게 해줘.
032 그라데이션 회전: 배경 그라데이션 각도가 계속 돌게 해줘.
033 반짝이는 점: 배경 점 20개가 각자 다른 박자로 깜빡이게 해줘.
034 사선 줄무늬: 사선 줄무늬가 옆으로 흘러가게 해줘.
035 오로라: 흐린 색 빛덩어리 두 개가 천천히 떠다니는 배경을 만들어줘.
036 별 워프: 점들이 가운데에서 바깥으로 뻗어 나가는 워프 배경을 만들어줘.
037 물결 선: 물결선 5개가 옆으로 흐르게 해줘.
038 체크 뒤집기: 4x4 칸이 시간차로 뒤집히는 패턴을 만들어줘.
039 보케: 흐릿한 빛 동그라미들이 위로 떠오르게 해줘.
040 스캔라인: 가로 줄무늬 위로 밝은 띠가 위에서 아래로 훑고 지나가게 해줘.

041~050 화면 전환

041 와이프 전환: 다음 화면이 왼쪽부터 덮으며 넘어가게 해줘.
042 원형 공개 전환: 가운데에서 원이 커지며 다음 화면이 드러나게 해줘.
043 문 열기 전환: 화면이 가운데에서 양쪽 문처럼 갈라지며 열리게 해줘.
044 줌 통과 전환: 앞 화면이 확대되며 사라지고 뒤 화면이 나타나게 해줘.
045 슬라이드 업 전환: 다음 화면이 아래에서 스프링으로 밀고 올라오게 해줘.
046 블라인드 전환: 가로 띠 6개가 시간차로 펼쳐지며 다음 화면이 되게 해줘.
047 사선 와이프: 사선 경계로 다음 화면이 쓸고 지나가게 해줘.
048 플래시 전환: 하얗게 번쩍인 뒤 다음 화면으로 바뀌게 해줘.
049 아이리스 아웃: 원이 작아지며 화면이 닫히고 다음 화면이 보이게 해줘.
050 픽셀 디졸브: 작은 칸들이 무작위로 바뀌며 다음 화면이 되게 해줘.

051~060 강조

051 밑줄 긋기: 단어 아래 밑줄이 왼쪽부터 그어지게 해줘.
052 형광펜: 단어 뒤로 형광펜 칠이 왼쪽부터 칠해지게 해줘.
053 동그라미 치기: 단어 둘레에 손으로 그린 듯한 타원이 그려지게 해줘.
054 화살표 가리키기: 화살표가 단어를 콕콕 가리키며 움직이게 해줘.
055 흔들기: 단어가 처음 0.7초 동안 좌우로 흔들리게 해줘.
056 빛 번짐: 단어 주변 빛이 커졌다 작아지게 해줘.
057 괄호 감싸기: 양옆에서 괄호가 미끄러져 들어와 단어를 감싸게 해줘.
058 취소선: 단어 위로 취소선이 그어지게 해줘.
059 반짝이: 단어 주변에 반짝이 4개가 번갈아 반짝이게 해줘.
060 색 깜빡임: 단어 색이 흰색과 강조색으로 번갈아 바뀌게 해줘.

061~070 UI 요소

061 토글 스위치: 토글 스위치가 꺼짐에서 켜짐으로 미끄러지며 색이 바뀌게 해줘.
062 버튼 누르기: 버튼이 눌리며 살짝 작아졌다가 물결이 퍼지게 해줘.
063 태그 칩: 태그 칩 3개가 순서대로 팝 하고 나타나게 해줘.
064 알림 내려오기: 알림 카드가 위에서 스프링으로 내려오게 해줘.
065 로딩 스피너: 끊긴 원 테두리가 빙글빙글 도는 로딩을 만들어줘.
066 점 3개 로딩: 점 3개가 시간차로 통통 튀는 로딩을 만들어줘.
067 체크박스: 체크박스가 채워지고 체크 표시가 그려지게 해줘.
068 검색창 타이핑: 검색창 안에 검색어가 타이핑되게 해줘.
069 좋아요 터짐: 하트가 커지며 주변으로 작은 점들이 터져 나가게 해줘.
070 토스트 메시지: 아래에서 토스트 메시지가 올라왔다가 잠시 뒤 사라지게 해줘.

071~080 카드

071 카드 뒤집기: 카드가 Y축으로 뒤집히며 뒷면이 보이게 해줘.
072 카드 부채꼴: 카드 3장이 겹쳐 있다가 부채꼴로 펼쳐지게 해줘.
073 카드 올라오기: 카드가 아래에서 스프링으로 올라오게 해줘.
074 3D 기울기: 카드가 3D로 살짝 기울어지며 흔들리게 해줘.
075 카드 펼치기: 작은 카드가 커지며 펼쳐지게 해줘.
076 카드 섞기: 카드 2장이 서로 자리를 바꾸게 해줘.
077 유리 광택: 유리 카드 위로 사선 빛이 훑고 지나가게 해줘.
078 폴라로이드 떨어짐: 사진 카드가 위에서 떨어져 비스듬히 자리 잡게 해줘.
079 캐러셀: 카드 3장이 옆으로 넘어가는 캐러셀을 만들어줘.
080 테두리 따라 빛: 카드 테두리를 따라 빛이 돌게 해줘(conic-gradient).

081~090 선·경로

081 선 긋기: 가로선이 왼쪽부터 그어지게 해줘.
082 점선 행진: 점선이 계속 앞으로 흐르게 해줘.
083 지그재그 그리기: 지그재그 선이 한 붓으로 그려지게 해줘.
084 원 그리기: 원 테두리가 시계 방향으로 그려지게 해줘.
085 경로 따라 점: 점이 물결 경로를 따라 이동하게 해줘.
086 점 잇기: 점 4개가 나타난 뒤 선으로 이어지게 해줘.
087 사인파: 사인파가 옆으로 흐르게 해줘.
088 무한대 그리기: 무한대(∞) 모양 선이 그려지게 해줘.
089 모서리 프레임: 네 모서리에 ㄱ자 프레임이 그려지게 해줘.
090 네트워크: 노드들이 선으로 이어지고 선이 깜빡이게 해줘.

091~100 텍스트 스타일

091 그라데이션 글자: 글자 안의 그라데이션이 옆으로 흐르게 해줘.
092 외곽선→채움: 글자 외곽선만 보이다가 안이 채워지게 해줘.
093 네온 깜빡임: 네온사인처럼 글자가 깜빡이다 켜지게 해줘.
094 단어 교체: 단어가 위로 밀려나며 다음 단어로 바뀌게 해줘.
095 흐르는 글자: 글자 띠가 옆으로 계속 흐르게 해줘.
096 위아래 분리: 글자 위·아래 절반이 갈라졌다가 다시 붙게 해줘.
097 입체 그림자: 글자 그림자가 겹겹이 쌓여 입체가 되게 해줘.
098 광택 스윕: 글자 위로 밝은 광택이 훑고 지나가게 해줘.
099 키네틱 단어: 단어 3개가 크게-작게 번갈아 빠르게 바뀌게 해줘.
100 글자 파도: 글자들이 파도처럼 차례로 오르내리게 해줘.

다른 AI 활용 가이드

• AI 영상에 이상한 글자가 찍힐 때 — 제외어만으론 안 막히는 이유
• AI 카툰 쇼츠, 크레딧 0원으로 만드는 법
• AI 캐릭터 얼굴 고정하는 법 — 컷마다 바뀌는 얼굴 잡기

AI 활용 라이브러리 전체 보기 →