사용 가이드로 건너뛰기
motion-design작성자 OpenDesign

OpenDesign Motion Design 스킬.

모션 브리프를 연결된 영상으로 만드세요. 비트를 계획하고 시선을 안무하며 편집 가능한 타임라인을 유지합니다. OpenDesign 공식 도우미는 호스트 워크플로 안에서 작동하며 독립 렌더러가 아닙니다.

  • 모션·동영상
  • OpenDesign
소스 검토 · motion-designSKILL.md
작업 모션 브리프, 비트 맵과 편집 가능한 타임라인을 다듬습니다. 결과물 • 연결된 이야기 비트 • 편집 가능한 HTML 소스 • 동영상 브리프용 호스트 렌더 MP4 시작 전 확인 필요한 미디어 도구를 갖춘 OpenDesign 호스트를 사용하세요.
원문 편집 검토 · 2026-11-02 · 실행한 시연이 아닙니다

01 기능 소개

브리프, 타임라인과 영상을 연결하세요

비트 맵, 편집 가능한 HTML 모션, 참조 동영상 재현과 호스트 렌더링 MP4 제공을 위한 OpenDesign 공식 motion-design 스킬을 살펴보세요.

소스 기반 워크플로실행 벤치마크 아님

작업 방식

OpenDesign의 motion-design 스킬은 진행 중인 작업에 모션 제작 기법을 제공합니다. 브리프, 대표 프레임과 비트 맵을 타이포그래피, 속도감, 연속성 및 탐색 가능한 타임라인과 연결합니다. 무관한 타이틀 카드로 나누는 대신 반복되는 시각 모티프로 아이디어를 작품 전체에 이어 갑니다.

실제 제작 경로는 호스트가 정합니다. 동영상 브리프에는 편집 가능한 HTML 소스와 OpenDesign 로컬 HyperFrames 파이프라인으로 렌더링한 MP4가 필요합니다. 포인터 기반 상호작용과 UI 마이크로 애니메이션은 동영상으로 평면화하지 않고 실행 가능한 HTML 또는 코드로 남깁니다. 원문은 측정에 근거한 참조 동영상 재현과 기존 영상의 좁은 범위 수정도 다룹니다.

예상 산출물

  • 시간, 시청자 핵심 이해, 중심 객체, 변환과 소리를 연결한 비트 맵
  • 호스트가 제작을 승인했을 때 편집·탐색 가능한 HTML 모션 소스
  • 호스트의 사용 가능한 렌더러로 만든 동영상 브리프용 MP4
예시 브리프 보기

브리프에서 검토까지

  1. 01
    브리프 확정

    제공된 대상, 자산, 문구, 길이와 사용처를 사용합니다. 원문의 12–18초와 16:9는 제약 없는 짧은 영상의 출발점일 뿐입니다.

  2. 02
    대표 프레임 하나 디자인

    장면을 확장하기 전에 위계, 글자, 팔레트와 중심 객체를 정합니다. 시각 전제는 프리미엄·시네마틱 같은 이름만이 아니라 대상에 구체적으로 맞아야 합니다.

  3. 03
    비트 연결

    객체나 모티프를 의미 있는 변환으로 이어 갑니다. 등장, 읽기 정지 구간과 퇴장 시간을 배분하고 전환의 방향과 속도를 보존합니다.

  4. 04
    호스트를 통해 제작

    동영상 작업에는 호스트 스캐폴드와 탐색 가능한 타임라인을 사용합니다. MP4를 렌더링하고 대표 순간을 확인하며 편집 가능한 소스를 함께 보관합니다.

02 활용 상황

언제 사용하면 좋을까요

이 OpenDesign 공식 유틸리티는 해당 호스트 워크플로용입니다. 다른 에이전트에 지침을 가져오기 전에 의존성을 검토하세요.

적합한 경우

  • 제품·브랜드 영상제공된 화면이나 로고의 비율을 왜곡하지 않고 구체적인 동작으로 실제 이점을 보여 줍니다.
  • 키네틱 타이포그래피와 설명 영상읽을 시간을 유지하며 글자를 그래픽 객체로 사용합니다. 레이블, 인과 관계와 실제 데이터 값을 보존합니다.
  • 측정 기반 참조 재현다시 만들기 전에 호스트로 참조의 길이, 프레임과 오디오를 확인합니다. 썸네일만 보고 영상을 추측하지 않습니다.

확인할 한계

  • 제작에 호스트 도구 필요스킬은 도구 접근을 부여하거나 렌더러를 만들거나 OpenDesign 런타임을 설정하지 않습니다. SKILL.md만 내려받아도 호스트 미디어 명령은 제공되지 않습니다.
  • LottieFiles 스킬과 다릅니다여러 공개 접근에서 참고한 OpenDesign 자체 도우미입니다. 이 카탈로그의 기존 LottieFiles motion-design 스킬과 구분됩니다.
  • 참조 크기 제한검토한 호스트 워크플로는 180초 초과 또는 200 MB 초과 참조를 거부합니다. 참조를 가져오지 못했다면 영상을 추측하지 말고 사용할 수 있는 파일로 해결해야 합니다.

준비할 입력

  • 구체적인 모션 브리프메시지, 대상, 사용처, 길이와 정확한 텍스트, 영상인지 상호작용인지 여부를 제공합니다.
  • 자산과 오디오 방향권한 있는 화면, 로고 또는 참조 영상을 제공합니다. 내레이션, 음악, 효과음 또는 의도된 무음이 필요한지 명시합니다.
  • 사용 가능한 호스트 프로젝트필요한 미디어 기능을 갖춘 OpenDesign 작업을 사용합니다. 수정이라면 기존 소스와 바꿀 요소를 명시합니다.

03 핵심 결정

중요한 판단 기준

  1. 결정론적 시점 탐색

    장면 상태는 앞으로·뒤로 탐색해도 유지되어야 합니다. 원문은 시드 없는 난수와 내보내기 중 억제되는 타임라인 콜백에 의존하는 가시 콘텐츠를 금지합니다.

  2. 소스와 내보내기에 하나의 시계

    마스터 타임라인 길이는 컴포지션 메타데이터와 일치하고 실제 초 단위 재생을 유지해야 합니다. 타임라인 길이 변경으로 읽기 정지 구간 추가를 대신할 수 없습니다.

  3. 영상에는 렌더 결과 포함

    HTML 미리보기, 대기 작업 또는 실패 명령은 완성 MP4가 아닙니다. 영상 제공에는 소스와 실제 렌더 파일을 모두 유지합니다.

  4. 작은 수정은 작게 유지

    제목이나 이미지 하나를 바꿔도 무관한 요소, 비트와 소리는 그대로 둡니다. 영상에 영향을 주는 편집 후 MP4를 다시 렌더링합니다.

04 예시 브리프

목적을 좁힌 요청으로 시작하세요

아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.

호스트 요구 사항 검토

아래 참조는 원문을 여는 링크이며 설치 명령이 아닙니다. 해당 OpenDesign 호스트 워크플로를 사용하고 필요한 도구가 있는지 확인하세요.

업스트림 소스 파일
https://github.com/nexu-io/open-design/blob/5a0c47777975ddb91d09c1c16b423a3ef74bf572/skills/motion-design/SKILL.md

파일을 다른 에이전트로 가져와도 OpenDesign 런타임이나 인증된 서비스가 제공되지는 않습니다.

현재 작업 설명

스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.

예시 브리프
현재 프로젝트의 OpenDesign motion-design 도우미로 제공한 로고와 정확한 문구를 사용해 15초 제품 영상을 만드세요. 반복되는 시각 모티프로 흩어진 작업이 하나의 집중된 행동으로 모이게 하세요. 제작 전에 비트와 읽기 정지 구간을 계획하세요. 사용 가능한 호스트 워크플로를 사용해 편집 가능한 HTML 소스를 유지하고 MP4를 렌더링하세요. 제품 주장을 지어내거나 동영상 대신 미리보기를 내지 마세요. 누락 자산이나 사용 불가 렌더러 기능을 보고하고 확인한 프레임과 미검증 출력을 구분하세요.

실제 결과 확인

실제 출력을 다음의 관찰 가능한 기준과 비교해 확인하세요.

  • 제공 문구와 제품 주장이 정확하며 읽을 시간이 있습니다.
  • 소스 길이, 종횡비와 타임라인이 일치하고 장면을 앞뒤로 탐색할 수 있습니다.
  • 동영상 브리프에는 편집 소스와 실제 MP4가 모두 있으며 명시한 소리 선택이 출력과 일치합니다.

OpenDesign 호스트 전용 유틸리티입니다. 공개 소스는 동작을 설명하지만 저장소에 있다는 사실만으로 출시된 모든 클라이언트 버전에 동일 구현이 포함된다고 입증되지는 않습니다.

05 출처 및 라이선스

소스와 라이선스

이 페이지는 아래에 링크된 고정 소스 리비전을 설명합니다. 업스트림의 동작과 요구 사항은 바뀔 수 있습니다.

소스 소유자
OpenDesign
스킬 파일
SKILL.md
검토한 스냅샷
2026-11-02 · 5a0c47777975
편집 소스 요약
고정된 저장소 리비전의 motion-design에 대한 편집 검토입니다. 개별 라이선스가 없는 한 skills 디렉터리는 Apache-2.0을 선언하며 이 스킬 디렉터리에는 별도 라이선스 파일이 없었습니다. 이 소개에서는 워크플로를 실행하지 않았습니다.

링크된 소스를 바탕으로 OpenDesign이 작성한 원본 요약입니다. 저장소 스타 수는 특정 시점의 인기 지표일 뿐 스킬 사용량이나 품질 점수가 아닙니다.

06 시작 전 질문

시작 전 궁금한 점

LottieFiles의 motion-design과 같나요?

아니요. OpenDesign의 SOURCES.md는 LottieFiles 등 공개 접근을 참고한 독자 스킬이라고 명시합니다. 이 페이지는 OpenDesign 구현과 호스트 전용 워크플로를 검토합니다.

파일을 설치하면 다른 에이전트도 MP4를 내보낼 수 있나요?

아니요. 파일은 지침이며 OpenDesign 미디어 도구나 런타임이 아닙니다. 전체 제작 워크플로는 호스트 기능에 의존하며 다른 곳으로 가져가도 동등한 지원이 생기지 않습니다.

모든 모션 작업이 동영상이 되나요?

아니요. 동영상 브리프에는 소스와 MP4가 필요하지만 포인터 기반 상호작용과 UI 마이크로 애니메이션은 실행 가능한 HTML 또는 코드로 남습니다. 계획만 요청하면 제작 권한은 부여되지 않습니다.

OpenDesign

모션을 계획하고 소스를 보존하세요.

사용 가능한 OpenDesign 호스트 워크플로에서 공식 도우미를 사용하세요. 시작 전에 필요한 런타임과 서비스 의존성을 확인하세요.

업스트림 소스 파일
https://github.com/nexu-io/open-design/blob/5a0c47777975ddb91d09c1c16b423a3ef74bf572/skills/motion-design/SKILL.md