Loading...

AI에게 움직임을 부탁하는 이름 사전 · motion-prompt

움직이는 예시 168개 중 하나를 고르면, AI가 그 움직임대로 영상을 만들어 줘요

갤러리에서 움직이는 예시를 보고 마음에 드는 걸 고른 뒤 Claude Code나 Codex에 넘기면, AI가 예시의 타이밍과 속도 변화를 살려 내 글자와 화면에 맞춰 넣어 줘요. 카메라 무빙, 모션그래픽(두 묶음), UI 부품, 웹 연출(두 묶음), 사진 룩까지 일곱 묶음 168개이고 무료예요. 이걸로 실제 영상을 만든 사례를 모아 봤어요.

2026.10.26·사례 3

제작자 오타키 쇼헤이의 출시 영상이에요. 「motion-prompt のライブラリ出して」(motion-prompt 라이브러리를 열어 줘)라고 부탁해 갤러리를 열고, 예시를 골라 AI에게 넘긴 뒤 「この動画の冒頭をこんな感じに」(이 영상 도입부를 이런 느낌으로)라고 말해요. 출처: 오타키 쇼헤이 X

제작자 오타키 쇼헤이가 10월 11일 X에 「AIへの指示用に、"動画のカメラワークと切り替えの名前" をまとめました!」(AI에게 지시할 때 쓰려고 '영상의 카메라 무빙과 전환 이름'을 정리했어요!)라는 글을 올리자, 북마크가 1만 2,900개 붙고 조회는 43만 회를 넘었어요. 나흘 뒤 이런 이름을 움직이는 예시와 함께 모은 motion-prompt를 내놓았고, 출시 글도 조회 30만 회, 북마크 4,884개를 모았어요. GitHub 별은 707개예요(10월 26일 기준).

이 사전을 만든 이유는 제작자가 설명서에 옮겨 둔, 이름이 밝혀지지 않은 한 사람의 말에 있어요. "what had been holding them back was not a lack of imagination. It was not knowing what this kind of movement is called."(발목을 잡던 건 상상력이 모자라서가 아니라, 이런 움직임을 뭐라고 부르는지 몰라서였다)

같은 요청을 움직임 이름 없이, 그리고 이름을 넣어서 Claude Sonnet에게 두 번씩 시켜 본 블로거 나기는 결과를 보고 이렇게 적었어요. 「一語を知っているかどうかで、ガチャが注文に変わる。」(단어 하나를 아느냐에 따라 뽑기가 주문이 된다)

지금은 7갈래 168개예요. 모션그래픽 동작 48개(두 묶음), 카메라 무빙·전환 24개, UI 부품 이름 24개, 랜딩페이지·웹 연출 48개(두 묶음), 사진 룩·조명·화풍 24개가 들어 있어요. 10월 15일 출시 때는 120개였고, 묶음이 계속 더해져 10월 24일 제작자가 168개가 됐다고 알렸어요. 무료이고, 상업적으로 써도 되는 MIT 라이선스예요.

이름마다 움직이는 예시, 한 줄 뜻, AI에게 넘길 예문, 타이밍 값이 붙어 있어요. 스킬로 넣으면 AI가 예시의 움직임과 타이밍 값을, 내 프로젝트가 영상을 만드는 방식(Remotion, CSS, After Effects, 영상 생성 모델 프롬프트 등)에 맞는 코드나 프롬프트로 옮겨 써요.

Reference 01AI 뉴스레터를 운영하는 테츠메모(@tetumemo) · X

AI 뉴스레터 운영자가 자기 해설 글 한 편을 넘기자, 33초짜리 모션그래픽 소개 영상이 나왔어요

테츠메모는 Motion Prompt를 스킬로 정리해 Claude Sonnet 5.5에 넣고, 자기가 쓴 Grok Bot 해설 글을 줘서 30초 영상을 부탁했어요. 나온 영상은 33초, 1920×1080이에요. 해설 글에 실린 프롬프트 모음을 알리는, 자기 글 소개 영상이에요. 사전의 어떤 움직임을 썼는지는 밝히지 않았어요.

검은 화면에 첫 달 가격 「2,640円」이 뜨고 파란 원이 밀려 들어와요. 이어서 역할을 좁힌 전문 bot 카드 셋이 나오고, 한 bot에서 다음 bot으로 일을 넘기는 화살표와, 가운데 '나'를 지휘자처럼 두고 bot 셋을 잇는 선이 차례로 그려져요. 「たった1回 約3分」(단 한 번, 약 3분)이라는 문구와 함께 17:56 요청에서 18:00 기사 초안 완성까지의 타임라인이 지나가고, 「貼るだけで使えるプロンプト 97個」(붙이기만 하면 되는 프롬프트 97개)로 끝나요. 장면이 바뀔 때마다 아래 자막도 바뀌어요.

테츠메모는 이렇게 적었어요. 「Claudeのモーショングラフィックス性能は非常に高いので、オススメです!」(Claude의 모션그래픽 실력이 아주 좋아서 추천해요!)

Reference 02경영자용 AI 활용 글을 쓰는 株式会社コミクス 대표 스즈키 아키히로 · note

#005·#012 두 움직임으로 만든 12초 영상에서, 글자가 올라오는 속도와 도형이 바뀔 때의 탄력이 예시 값 그대로 살아났어요

스즈키는 10월 17일 motion-prompt를 깔고, Claude Code와 Codex가 같은 사전을 읽게 연결했어요. 10월 21일에는 Codex로 자기 note 글에 실을 12초 영상(1920×1080, 30fps, 소리 없음)을 새로 만들었어요.

처음 3.4초 동안 「かっこよく、を具体的に。」('멋있게'를 구체적으로) 두 줄이, 가려져 있다가 아래에서 드러나며 한 줄에 0.6초씩 올라와요(#005 마스크 리빌). 가운데 구간에는 남색·주황 도형이 나오고, 4.55초부터 0.58초 동안 둥근 사각형이 원으로 바뀌어요(#012 셰이프 모프). 마지막 4초 남짓은 「名前が、依頼を変える。」(이름이 부탁을 바꾼다)를 띄워 두고 끝나요. 완성한 영상에서 1.40·4.80·5.60·9.50초 장면을 잘라 글에 실었어요.

스즈키가 정한 것은 모양을 바꿀 도형, 남색·주황 배색, 길이, 배치, 문구 둘이었어요. 도형 윤곽을 이루는 점 약 240개, 7%만큼 맥박 치듯 커졌다 작아지는 움직임, 살짝 넘쳤다 돌아오는 속도 변화(backOut 1.6)는 #012에 적힌 값을 그대로 가져왔다고 밝혔어요. 글 끝에는 자기 회사의 AI 활용 상담 링크가 붙어 있어요.

스즈키가 글에 실어 둔 12초 영상 설계 요청

役割:あなたは12秒のモーショングラフィックスを設計するディレクターです。/入力:#005と#012、文言「かっこよく、を具体的に。」「名前が、依頼を変える。」、1920×1080、30fps、音声なし。/出力:0.1秒単位のタイムライン、各区間の目的、文字の保持時間、色、終了状態を表にする。実装コードは出さない。/場面:今回の新作と同じ条件を、制作前に設計書へ落とすとき。

번호와 문구 자리를 내 것으로 바꿔요. 스즈키는 번호만 주지 말고 이름·움직일 대상·강도·시간·지킬 부분을 나눠 적으라고 권했어요.

Reference 03튜토리얼 · 같은 요청을 두 번씩 돌려 비교한 블로거 나기(@tamelog) · note

'멋있게'라고만 하면 두 번 다 다르게 나오던 제목 애니메이션이, 움직임 이름 한 줄을 넣자 두 번 다 같은 움직임으로 나왔어요

나기는 Claude Sonnet에게 도구 없이 HTML 한 장짜리 제목 애니메이션을 시켰어요. 제목 「今日の特集」(오늘의 특집)과 아랫줄 「名前を知れば頼める」(이름을 알면 부탁할 수 있다)가 나타나는 장면이에요. 요청을 세 가지로 바꿔 각각 두 번씩 돌렸어요.

「見出しがかっこよく出てくるようにしてください。」(제목이 멋있게 나오게 해 주세요)라고만 쓰자, 1회차는 빛나는 선과 함께 글자가 깨지며 내려앉았고 2회차는 파티클이 모여 글자가 됐어요. 아래 요청처럼 움직임 이름(마스크 리빌)과 0.6초를 적자, 두 번 다 글자가 600ms 동안 아래에서 드러났고 아랫줄은 150~160ms 늦게 따라왔어요. 예시 #005의 복사용 프롬프트를 그대로 붙인 쪽은 예시의 타이밍과 코랄·노랑 색까지 따라왔어요.

Claude Sonnet 하나로 요청마다 두 번씩 돌린 작은 시험이라고 본인이 밝혀 두었어요.

예시 #005와 세 요청(멋있게만, 이름과 0.6초, 복사용 프롬프트)의 1회차 결과를 0.3초·0.6초·1.0초에 찍어 나란히 놓은 캡처
예시 #005와 세 요청의 1회차를 0.3·0.6·1.0초에 찍은 장면이에요. 출처: 나기 note
나기가 보낸 요청

タイトルをマスクリビールで下からせり上げて。0.6秒、行ごとに少しずらして。

같은 요청의 영어판(motion-prompt 설명서 예문)

Bring the title in with a mask reveal from below, 0.6 s, each line slightly after the one before.

스킬을 깔지 않아도 어느 AI에든 이 한 줄을 붙이면 돼요.

사람들의 반응

좋았다는 반응

  • “名を入れるだけで、文字や図形の動きが狙いに寄る。動く見本つきで名前が引けるのはありがたい。24個分また保存した。”

    이름을 넣기만 해도 글자와 도형의 움직임이 노린 쪽으로 다가온다. 움직이는 예시를 보며 이름을 찾을 수 있어 고맙다. 24개를 또 저장했다.

    타쿠조(@tkz_aiart) · Xx.com
  • “毎日SVGアニメーション生産してるので、即プロジェクトにスキル導入しました🙏 「冒頭1分、いい感じにモーショングラフィックス頑張って」という最悪な指示出ししてたので、これで改善目指します!w”

    매일 SVG 애니메이션을 만들고 있어서 바로 프로젝트에 스킬을 넣었어요🙏 '도입부 1분, 적당히 모션그래픽 잘해 줘'라는 최악의 지시를 해 왔는데, 이걸로 고쳐 보겠습니다! ㅋ

    しょーご(@samuraibrass) · Xx.com
  • “しかも、似た動きの違いまで言葉で分けてある。”

    게다가 비슷한 움직임의 차이까지 말로 나눠 두었다.

    돌리 인(#027), 줌 인(#028), 돌리 줌(#032)을 예로 들었어요.

    나기(@tamelog) · notenote.com
  • “名前は設計の入口であり、数字は調整のつまみです。”

    이름은 설계의 입구이고, 숫자는 조정하는 손잡이입니다.

    스즈키 아키히로 · notenote.com
  • “見れば分かるのに、いざAIへ頼むと名前が出てこない/その悩みを、動く見本とコピペできる指示文で助けてくれる/非エンジニアでも、作りたいものを具体的に伝えやすくなるのがいい”

    보면 아는데 막상 AI에게 부탁하려면 이름이 안 떠오른다. 그 고민을 움직이는 예시와 복사해 붙일 수 있는 지시문으로 도와준다. 엔지니어가 아니어도 만들고 싶은 것을 구체적으로 전하기 쉬워지는 게 좋다.

    테츠메모(@tetumemo) · Xx.com
  • “Use this: https://showheyohtaki.github.io/motion-prompt/ scroll down to the component names section to see what common things are called.”

    이걸 써. https://showheyohtaki.github.io/motion-prompt/ 아래로 내려 부품 이름 절을 보면 흔한 것들을 뭐라고 부르는지 알 수 있어.

    Claude로 UI를 정리하는 법을 묻는 글에 단 답이에요.

    alitanveer · Reddit r/ClaudeCodereddit.com
  • “これはいいな…! モーショングラフィックスにも、アプリのUI作りにも、動画生成プロンプトのボキャブラリーにもなる。”

    이거 좋네…! 모션그래픽에도, 앱 UI 만들기에도, 영상 생성 프롬프트의 어휘로도 쓸 수 있다.

    마진(@Majin_AppSheet) · Xx.com
  • “アニメーションの共通言語としてAI指示以外でも普通に重宝しそう”

    애니메이션의 공통 언어로, AI 지시 말고도 꽤 요긴할 것 같다

    nguyen-oi · はてなブックマークb.hatena.ne.jp

아쉬웠다는 반응

  • “辞書の呼び方と、現場で使ってきた呼び方が違うことはあります。”

    사전의 이름과 현장에서 써 온 이름이 다를 때가 있습니다.

    스즈키 아키히로 · notenote.com
  • “コピー文には切り抜く範囲は書いてあるが、文字をどの高さに置くかは書いていない。”

    복사용 문장에는 잘라 낼 범위는 적혀 있지만, 글자를 어느 높이에 둘지는 적혀 있지 않다.

    예시의 복사용 프롬프트를 그대로 붙였더니 두 번 중 한 번은 아래쪽 작은 글자가 선에 붙어 나왔다며 적은 말이에요.

    나기(@tamelog) · notenote.com

시작하는 법

Claude Code나 Codex 같은 코딩 에이전트에 아래 요청을 붙여 넣으면 돼요. 스킬로 깔려면 컴퓨터에 Node.js 18 이상이 있어야 하고, 설치 없이 갤러리(https://showheyohtaki.github.io/motion-prompt/)에서 이름을 복사해 아무 AI에나 붙여도 돼요.

  1. 시작 요청

    https://www.working-ref.com/reference/motion-prompt-2026-10 를 읽고, https://github.com/showheyohtaki/motion-prompt 의 motion-prompt 스킬을 이 환경에 설치해 줘. 그다음 지금 프로젝트와 내 관심사를 보고, 이 사전의 움직임으로 해 볼 만한 것 세 가지를 쓸 번호와 함께 한국어로 제안해 줘. 이름 목록은 영어·일본어뿐이니 이름의 뜻도 한국어로 풀어 줘. 내가 하나 고르면 바로 만들기 시작하고, 고를 게 없으면 내가 쓴 글 한 편을 짧은 모션그래픽 영상으로 만드는 첫 사례부터 해 줘.

이 레퍼런스 공유하기

매주 1회 · 무료

이 레퍼런스가 도움이 되셨나요?

매주 쏟아지는 AI 소식 중 BEST
딱 3개만, 메일함에 꽂아 드릴게요

Work Smarter with AI

420명이 매주 받아보고 있어요

구독 완료 다음 호부터 메일함에서 만나요.

움직이는 예시 168개 중 하나를 고르면, AI가 그 움직임대로 영상을 만들어 줘요 | 레퍼런스