클로드 모션그래픽 키트 · 원문 + 응용 2개 + MP4 뽑는 법

2026년 10월 5일 업데이트

1. 원문 프롬프트 (X 224만 뷰)

그대로 복사해서 클로드에 붙여 넣으세요.

텍스트
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out. Make it a single self-contained HTML file.
  • 원문은 X @stephanlivera 게시물이에요. 마지막 문장(Make it a single self-contained HTML file.)은 파일 하나로 받기 쉽게 제가 붙인 거예요.
  • 클로드 최신 모델에서 생각 수준을 높게 두면 결과가 더 화려해져요.

2. 응용 문장 2개

📱 세로 릴스용 (9:16)

텍스트
make a dynamic 15-second motion graphics video in vertical 9:16 (1080x1920) for an Instagram Reel that shows what an incredible motion designer you are. Keep all text inside the center safe area. go all out. Make it a single self-contained HTML file.

🛍️ 제품 소개용 (대괄호만 바꾸기)

텍스트
make a dynamic 15-second motion graphics video that introduces my product, [제품 이름: 한 줄 설명], like it's the launch film on our homepage. Show the product name big, three key benefits, and end on the logo. go all out. Make it a single self-contained HTML file.

예: [오아이완: AI 꿀팁을 15초로 알려 주는 인스타 채널]


3. HTML → MP4로 뽑는 법 (1분)

  1. 클로드 답변의 HTML 코드를 복사해 showreel.html 이름으로 저장하고 크롬으로 열어요. (클로드 화면에 미리보기가 뜨면 거기서 바로 녹화해도 돼요.)

  2. 맥: Cmd + Shift + 5 → ’선택 부분 기록’으로 영상 영역만 지정 → 15초 녹화

    윈도우: Win + Alt + R (Xbox Game Bar)

  3. 앞뒤 남는 부분만 자르고 내보내면 MP4 완성!

  • 화질을 높이려면 브라우저 창을 크게 띄워 두고 녹화하세요.
  • 녹화가 시작되면 페이지를 새로고침해서 애니메이션을 처음부터 재생하세요.

4. 더 많은 예시 보기


⚠️ 꼭 알아 둘 것

  • 같은 문장이라도 매번 다른 영상이 나와요. 마음에 들 때까지 2~3번 다시 돌려 보세요.
  • 무료 요금제는 긴 코드가 중간에 끊길 수 있어요. 끊기면 “continue”라고 이어서 요청하세요.

같이 해요

  • YouTube

    AI로 업무 시스템을 만드는 과정과 실제 결과를 영상으로 전해요.

    채널 보기
  • 오픈채팅방

    꿀팁을 써 보며 생긴 질문을 나누는 방이에요.

    들어가기
  • 무료 키트 받기

    AI 자동화 키트(직접 돌려 본 자동화 레시피 3개 + 프롬프트 10개)를 PDF로 메일에 바로 보내드려요.

    준비 중