영상·미디어
Velocut
수업용 ⭐ 456 MIT
AI 네이티브 로컬 우선 비디오 편집기. 브라우저에서 완전히 실행. Rust/WASM 엔진, WebGPU 합성, WebCodecs 내보내기.
예시 체험
중2 과학 — 지구·달·태양 3D 장면 두 컷 만들기
중학교 2학년 과학 '태양계' 단원 도입 차시. 태양·지구·달의 상대 위치와 달의 공전을 화면에 띄워 보여 주려고, 수업 시작에 쓸 짧은 3D 장면 두 컷을 준비하는 상황이다.
중학교 2학년 과학 '태양계' 단원 도입에 쓸 3D 장면을 Velocut으로 만들어 주세요. 태양·지구·달을 구로 표현하고, 지구 둘레에 달이 도는 궤도를 도넛 모양으로 넣어 주세요. 처음엔 세 천체가 다 보이는 넓은 샷(4초), 다음엔 지구를 크게 보여 주는 확대 샷(3초)으로 두 컷을 만들고, 화면 아래에 '지구와 달의 운동'이라는 자막도 넣어 주세요. 장면은 나중에 제가 손으로 고칠 수 있게 그대로 두세요. 설명은 한국어로 해 주세요.
장면 구성 — environment: env/void, lighting: night, fps: 30, 1280×720 오브젝트 — sun(prop/sphere), earth(prop/sphere), moon(prop/sphere), moonOrbit(prop/torus), camera 컷 01 · 태양계 넓은 샷: 카메라 fov 38, position (0, 3.4, 12.5) — 4.0s 컷 02 · 지구 확대 샷: 카메라 fov 30, position (1.8, 1.9, 3.4) — 3.0s Titles — '지구와 달의 운동' 자막 트랙
직접 해 보기 — 3단계
- Codex 같은 AI 에이전트에 저장소 안내대로 이 스킬(플러그인)을 설치하고, 에이전트가 Velocut을 열게 한다. 플러그인은 스튜디오를 자동으로 띄운다.
- 학년·단원·천체·샷 구성·자막을 적은 문장을 붙여 넣는다. 위 문장을 바꿔 써도 된다.
- 디렉터에서 장면을 돌려 넓은 샷과 지구 확대 샷을 확인하고, 타임라인에서 두 컷 순서·길이와 자막 '지구와 달의 운동'을 본 뒤 필요하면 직접 고친다.
수업 상황은 이해를 돕기 위해 꾸민 예시입니다. 만든 방법: opencode (DeepSeek) + 이 스킬 (director) · 확인일 2026-10-16. 이 스킬은 브라우저에서 도는 Velocut Studio에 연결해 3D 장면과 타임라인을 고치는 스킬이다. 이 환경에서는 Studio(WebGPU·WebCodecs)와 연결 브리지를 실행할 수 없어, 실제 렌더 대신 스킬이 쓰는 장면 형식(SceneSpec v1: environment·lighting·props·camera)과 편집 화면 구성을 그대로 따라 만든 장면·편집 화면을 HTML로 재현해 찍었다. 그래서 그림 속 3D 픽셀은 실제 WebGPU 렌더가 아니라 재현한 그림이며, 이 점을 분명히 밝힌다. 장면의 천체 크기·거리·색 같은 값은 교실 설명용으로 꾸민 수업용 예시 값이고 실제 측정값이 아니다(실제 태양·지구·달의 거리·크기 비율과 다르다). 선생님이 그대로 쓸 때는 단원의 성취기준과 교과서의 천체 표현이 맞는지, 두 컷의 길이와 자막 위치, 그리고 Studio가 WebGPU·WebCodecs를 지원하는 Chrome·Edge에서 열리는지를 확인해야 한다. 장면 편집은 추가 모델 API 키 없이 되지만, 이 스킬의 영상 생성 기능은 별도 유료 provider 설정이 필요하다. 회사명·점수·순위·효과 보장 문구는 쓰지 않았다.
써 보려면
- 저장소 open-ribbi/velocut를 엽니다.
- 설치가 필요합니다. 절차는 저장소 안내를 따릅니다.
- 이 기록에는 API 키가 필요하지 않다고 되어 있습니다.
출처
스타 수와 라이선스는 공식 저장소 기준이며, 일일 검증이 다시 확인합니다. 정보 정정 요청