USEthree steps

다운로드. AI에 전달.나만의 것으로 만들기.

스타일을 선택한 후 직접 텍스트와 자산을 추가하세요. 어시스턴트로 첫 미리보기를 만들고 영상을 완성할 때까지 계속 다듬으세요.

어시스턴트를 선택하고 데모를 확인하세요 ↓
  1. 01

    .motion 다운로드

    템플릿을 미리보고 스타일을 선택한 뒤 다운로드하세요. 패키지에는 소스 코드, 매개변수, 스타일 변형, 라이선스가 포함됩니다.

    템플릿 둘러보기 →
  2. 02

    AI 어시스턴트에 전달하세요

    파일을 어시스턴트에 전달하고 "이 템플릿을 내 콘텐츠에 사용해"라고 말하세요. 어시스턴트는 motion.json을 읽고 변경 가능한 항목을 설명한 뒤 누락된 입력을 식별합니다.

    AI용 지침 →
  3. 03

    영상 내보내기

    텍스트, 이미지, 데이터를 추가하세요. 런타임 종속성을 확인하고 내보내기 전 미리보기를 검토한 뒤 편집 가능한 프로젝트를 나중에 사용할 수 있도록 보관하세요.

WALKTHROUGH.motion → your video

어시스턴트를 선택하세요. 따라해 보세요.

영상 제작에는 파일 접근과 명령 실행이 가능한 작업 모드가 필요합니다. 사용 가능한 가장 강력한 코딩 또는 Agent 모델을 선택하고 환경과 의존성을 확인하세요.

로컬 제작 워크플로우

Claude Code로 제작

템플릿을 새 작업 디렉터리에 넣으세요. Claude Code가 이를 읽고 패키지 안내를 따르도록 요청하세요. 웹 채팅에서는 먼저 콘텐츠를 준비한 후 로컬 제작으로 전달하세요.

작업 모드
Claude: 제작 폴더를 열고 파일 읽기·쓰기와 터미널 실행 권한을 확인하세요.
권장 모델
사용 가능한 가장 강력한 코딩 또는 Agent 모델을 선택하세요.
워크플로우 일러스트01 / 03
my-video.motion다운로드하여 원본 보관
↓
사용자

이 템플릿으로 영상을 만들어 주세요. 제목을 "Every step counts"로 변경하세요.

Claude

웹에서 Claude만 사용하시나요? 전달 가이드를 참고하세요 →

템플릿과 함께 이 내용을 전송하세요
제공한 .motion 템플릿을 사용하여 영상을 만들어 주세요. 먼저 실제 파일 이름을 확인하세요. 원본을 보관하세요. motion.json, README.md, params.schema.json 및 존재하는 경우 guide.json을 검사하고 읽으세요. 편집 가능한 입력, 실행 의존성 및 누락된 자산을 설명하세요. 제목을 "Every step counts"로, 부제를 "Start today"로 지정하세요. 새 디렉터리에서 작업하고 미리보기를 보여 준 후 승인 후 내보내고 편집 가능한 프로젝트를 보관하세요.
로컬 제작 워크플로우

로컬 프로젝트에 연결된 Codex에서 제작

작업 디렉터리를 현재 프로젝트로 열고 템플릿의 경로를 제공하세요. 환경이 로컬 파일을 읽고 템플릿에 필요한 명령을 실행할 수 있는지 확인하세요.

작업 모드
Codex: 제작 폴더를 열고 파일 읽기·쓰기와 터미널 실행 권한을 확인하세요.
권장 모델
사용 가능한 가장 강력한 코딩 또는 Agent 모델을 선택하세요.
워크플로우 일러스트01 / 03
my-video.motion다운로드하여 원본 보관
↓
사용자

이 템플릿으로 영상을 만들어 주세요. 제목을 "Every step counts"로 변경하세요.

Codex
템플릿과 함께 이 내용을 전송하세요
현재 프로젝트에서 제공한 .motion 템플릿을 읽으세요. 먼저 실제 파일 이름을 확인하세요. MotionGit Skill을 제공한 경우 먼저 SKILL.md를 읽으세요. 원본을 보관하고 motion.json, README.md, params.schema.json 및 존재하는 경우 guide.json을 검사하세요. 진입점, 매개변수, 프리셋 및 의존성을 요약하세요. 제목을 "Every step counts"로, 부제를 "Start today"로 지정하세요. 누락된 자산을 나열하고 새 디렉터리에서 미리보기를 만든 후 승인 후 영상 경로와 편집 가능한 프로젝트를 전달하세요.
로컬 제작 워크플로우

Cursor · 로컬 제작 워크플로우

템플릿을 Cursor가 접근할 수 있는 로컬 작업 공간에 넣으세요. 파일 및 명령 접근 권한을 확인한 후 패키지 안내를 사용하여 렌더링 의존성을 검증하세요.

작업 모드
Cursor: 제작 폴더를 열고 파일 읽기·쓰기와 터미널 실행 권한을 확인하세요.
권장 모델
사용 가능한 가장 강력한 코딩 또는 Agent 모델을 선택하세요.
워크플로우 일러스트01 / 03
my-video.motion다운로드하여 원본 보관
↓
사용자

이 템플릿으로 영상을 만들어 주세요. 제목을 "Every step counts"로 변경하세요.

Cursor
템플릿과 함께 이 내용을 전송하세요
이 작업 공간에서 제공한 .motion 템플릿을 검사하세요. 실제 파일 이름을 확인하고 원본을 보관하세요. motion.json, README.md, params.schema.json 및 존재하는 경우 guide.json을 읽으세요. 파일 접근 권한과 이 템플릿을 실행할 수 있는지 확인하세요. 제목을 "Every step counts"로, 부제를 "Start today"로 지정하세요. 누락된 자산과 의존성을 나열하고 새 디렉터리에서 미리보기를 만든 후 승인 후 내보내고 프로젝트를 보관하세요. 실행할 수 없으면 완전한 전달 목록을 준비하세요.
로컬 제작 워크플로우

GitHub Copilot · 로컬 제작 워크플로우

템플릿을 GitHub Copilot가 접근할 수 있는 로컬 작업 공간에 넣으세요. 파일 및 명령 접근 권한을 확인한 후 패키지 안내를 사용하여 렌더링 의존성을 검증하세요.

작업 모드
GitHub Copilot: 제작 폴더를 열고 파일 읽기·쓰기와 터미널 실행 권한을 확인하세요.
권장 모델
사용 가능한 가장 강력한 코딩 또는 Agent 모델을 선택하세요.
워크플로우 일러스트01 / 03
my-video.motion다운로드하여 원본 보관
↓
사용자

이 템플릿으로 영상을 만들어 주세요. 제목을 "Every step counts"로 변경하세요.

GitHub Copilot
템플릿과 함께 이 내용을 전송하세요
이 작업 공간에서 제공한 .motion 템플릿을 검사하세요. 실제 파일 이름을 확인하고 원본을 보관하세요. motion.json, README.md, params.schema.json 및 존재하는 경우 guide.json을 읽으세요. 파일 접근 권한과 이 템플릿을 실행할 수 있는지 확인하세요. 제목을 "Every step counts"로, 부제를 "Start today"로 지정하세요. 누락된 자산과 의존성을 나열하고 새 디렉터리에서 미리보기를 만든 후 승인 후 내보내고 프로젝트를 보관하세요. 실행할 수 없으면 완전한 전달 목록을 준비하세요.
로컬 제작 워크플로우

Grok · 로컬 제작 워크플로우

템플릿을 Grok가 접근할 수 있는 로컬 작업 공간에 넣으세요. 파일 및 명령 접근 권한을 확인한 후 패키지 안내를 사용하여 렌더링 의존성을 검증하세요.

작업 모드
Grok: 제작 폴더를 열고 파일 읽기·쓰기와 터미널 실행 권한을 확인하세요.
권장 모델
사용 가능한 가장 강력한 코딩 또는 Agent 모델을 선택하세요.
워크플로우 일러스트01 / 03
my-video.motion다운로드하여 원본 보관
↓
사용자

이 템플릿으로 영상을 만들어 주세요. 제목을 "Every step counts"로 변경하세요.

Grok

웹에서 Grok만 사용하시나요? 전달 가이드를 참고하세요 →

템플릿과 함께 이 내용을 전송하세요
이 작업 공간에서 제공한 .motion 템플릿을 검사하세요. 실제 파일 이름을 확인하고 원본을 보관하세요. motion.json, README.md, params.schema.json 및 존재하는 경우 guide.json을 읽으세요. 파일 접근 권한과 이 템플릿을 실행할 수 있는지 확인하세요. 제목을 "Every step counts"로, 부제를 "Start today"로 지정하세요. 누락된 자산과 의존성을 나열하고 새 디렉터리에서 미리보기를 만든 후 승인 후 내보내고 프로젝트를 보관하세요. 실행할 수 없으면 완전한 전달 목록을 준비하세요.

어시스턴트의 스크린샷이나 실제 내보내기가 아닌 일러스트 워크플로우입니다. 패키지 안내와 현재 사용 중인 도구를 따르세요.

HANDOFF전달 텍스트

파일과 함께 전송하세요

이것은 MotionGit 템플릿 패키지(.motion 파일, ZIP 컨테이너)입니다.
새 디렉터리에 안전하게 압축을 풀으세요. motion.json, guide.json, README.md 시작 부분의 "AI용 지침", params.schema.json 순서로 읽으세요.
패키지의 코드를 직접 실행하지 마세요. 템플릿의 기능, 교체 가능한 항목, 런타임 요구 사항, 누락된 입력을 알려주세요.
사양: https://motiongit.com/spec
실행 환경 요구 사항 및 기록된 테스트

Runtime compatibility

Production and export depend on execution tools and the template’s runtime dependencies, rather than the model brand. Creative tools such as Claude, Codex, Cursor, GitHub Copilot and Grok are not partnership endorsements or a claim that every client has been tested.

Tool typeWhat it can doExport requirements
Chat-only web or mobile assistantExplain instructions and prepare copy and inputsExport cannot be promised; hand off to a tool with execution capabilities
Desktop or CLI assistant with real file access, unpacking and commandsInspect packages, edit content and run production stepsMust also support the package’s runtime.profile and rendering dependencies
The local renderer specified by the templateRead production instances and create previews and videoFollow motion.json, README and motion.lock.json; common HTML/Canvas templates need Node.js and a browser, and video assembly may need FFmpeg

Work modes and model selection

Use a work / Agent mode with file operations and command execution. The recommendations below are MotionGit guidance. A capable model handles understanding and execution; prepare the browser, Node.js, FFmpeg or other dependencies specified by the package.

Creative toolEntry to useRecommended model
ClaudeClaude Code execution tasks, or a desktop Code / Cowork workspace with file and command toolsThe most capable coding / Agent model available to you
ChatGPT / CodexChatGPT users should use Codex with a local project / work task connected to the production directoryThe most capable coding model available; use a higher reasoning setting when offered
CursorOpen the production directory in Cursor Agent; approve file edits and terminal commands as neededChoose the most capable coding / Agent model available to your account
GitHub CopilotStart Copilot CLI in the production directory; use ask / execute mode for productionChoose the most capable coding / Agent model available to your account
GrokGrok Build Agent environment with file and terminal tools; ordinary Grok chat can prepare contentThe most capable coding / Agent model available in that environment

Copilot CLI plan mode prepares an approach; switch back to execution to produce files. Approve required tools as needed. Entries and models depend on your client and account. In ordinary chat, prepare content and hand off to a tool with execution access.

Work entries checked against official documentation on 2026-10-07: OpenAI app and local tasks, Claude work and computer use, and Grok Build CLI. Cursor and Copilot entries checked on 2026-10-08: Cursor Agent and GitHub Copilot CLI. The Claude Code installation entry was also checked on 2026-10-10: Claude Code quickstart. These describe tool capabilities, not completed template export tests.

Recorded tests and unverified environments

  • 2026-10-06: dark-tech-kit 0.1.0 completed cold unpacking, still rendering and video with audio on macOS, Node 23.11.0, Chrome 154.0.8037.98, Playwright Core 1.58.2 and FFmpeg 9.0.1. Evidence: the project’s public acceptance record C4 acceptance record. This proves only that version’s execution workflow, not approval of the latest version, other templates or visual quality.
  • Windows, Linux, other versions and each specific client of the brands above: full production and export remain unverified. Website browser tests are not template rendering tests.

Read the package’s instructions and dependencies first. Confirm file and command access, and obtain user authorization before installing dependencies, using the network or reading external assets. Inspect, preview, then export. Chat-only tools can prepare inputs but must not claim they rendered a video.

HELPFAQ

첫 시도 시 알아두어야 할 몇 가지 사항

어시스턴트가 .motion을 인식하지 못하나요?

ZIP 템플릿 패키지라고 설명하세요. 로컬 파일 접근 권한이 있으면 검사 후 새 디렉터리에 압축을 풀 수 있습니다. 업로드가 지원되지 않으면 README와 매개변수 안내를 제공한 후 원본을 로컬 도구에 전달하세요.

Skill을 설치해야 하나요?

Skill은 검사 및 패키징 도구를 제공하며 로컬 제작에 권장됩니다. 템플릿에는 자체 렌더링 환경이 필요합니다. 진입점과 의존성에 대한 패키지 안내를 따르세요.

웹 채팅만 사용할 수 있나요? 다음 단계는 무엇인가요?

문구, 자산, 제안된 입력을 준비한 후 파일을 읽고 명령을 실행할 수 있는 도구에 원본 패키지와 함께 전달하세요. 프로젝트를 열고 미리보기를 생성할 수 있는지 확인한 후 내보내세요.

내보낸 결과가 미리보기와 다르거나 텍스트가 맞지 않나요?

정확한 타임스탬프, 텍스트 또는 프레임을 지정하여 템플릿 매개변수 내에서 조정을 요청하세요. 내보낸 크기, 재생 시간, 소리, 자산 및 대화 내용을 확인하세요.

STARTfeatured

이 템플릿으로 시작하세요