VOIDLIGHT 로고
라이브러리 제작자VOIDLIGHT

손상현 · 보고 이해한 움직임을, 나만의 작업으로.

MOTION/RECIPE
← 작품 목록으로

제품·서비스 소개 / MOTION STUDY

OpenClawd 출시 소개 영상

OpenClawd 출시 소개 영상을 만드는 공개 요청문입니다. 원문과 결과를 함께 살펴볼 수 있습니다.

원본 보기 ↗

원본 영상 · 무음으로 자동 재생됩니다. 소리는 영상의 음량 버튼으로 켤 수 있습니다.

원본에서 보기 ↗
자료 상태원문 프롬프트
실행·재현미검증
MP4 출력미검증
자료 확인일2026-10-07

수집한 작품입니다. 이 안내로 같은 결과를 재현했거나 영상 파일 출력을 확인했다는 뜻은 아닙니다. 브라우저 애니메이션과 MP4 영상 출력은 별도로 확인해야 합니다.

02

어떤 원리로
움직일까요?

공개된 자료만으로 구현 원리를 확정할 수 없습니다. 원본 결과와 요청문을 살펴보고, 구현을 시작하기 전에 사용할 기술과 효과를 에이전트에게 설명해 달라고 요청하세요.

자료에 표시된 도구Remotion · React

공개 자료에서 확보한 원문 요청문입니다.

Create a Remotion video (1080x700, 30fps, ~37s) for OpenClawd — an open source AI desktop agent. Dark theme (#0c0a09
  background, #fbbf24 amber accent). Background music: "Walen - HEADPHONK" with 1s fade-in and 2s fade-out at 40% volume. 8
  scenes in series:

  Scene 1 — Terminal Install (120 frames / 4s)
  Mac-style terminal window with traffic light dots. Types npx openclawd-cli character by character (1 frame/char). After
  typing, shows ASCII art logo "OPENCLAWD" in amber, then server output lines appearing progressively: version banner, SDK
  backends, 20+ providers/80+ models loaded, model names (Opus 4.6, GPT-5.3, Gemini 3, etc.), MCP servers connected, "Opening
  desktop app on :3001". Terminal slides in from bottom with 3D perspective (rotateX 20deg, slight rotateY oscillation).

  Scene 2 — Home Screen (150 frames / 5s)
  Desktop app window with centered "OpenClawd" title (Georgia serif), tagline "Open Source Alternative to Claude Cowork",
  rounded chat input with send button, and provider/model selector chips (Claude Code + Opus 4.6 + Attach). Spring-animated
  fade-in with staggered delays (title → tagline → input → controls).

  Scene 3 — Chat Interface (160 frames / 5.3s)
  Three-column layout: left sidebar with chat history (MCP Integration, Code Review, etc.), center with user message "Review my
   API code" and streaming assistant response about security findings (rate limiting, SQL injection, input validation), right
  panel showing progress steps (Reading → Security analysis → Applying fixes → Creating PR) and tool calls (filesystem.read,
  bash.exec, github.create_pr) with green checkmarks.

  Scene 4 — Provider Switch (130 frames / 4.3s)
  Two dropdown panels side by side. Left: 8 providers (Claude Code, OpenCode, OpenAI, Gemini, DeepSeek, Llama 4, MiniMax,
  Ollama) with colored dots and selection indicator. Right: 7 models (Opus 4.6, Sonnet 4.5, GPT-5.3 Codex, etc.) with
  descriptions. Bottom tagline: "Claude Code + OpenCode SDK — 20+ providers · Open Source models". Staggered item reveals.

  Scene 5 — MCP Catalog (140 frames / 4.7s)
  Modal overlay with "MCP Server Catalog — 20+ servers available". Category filter pills (All, Core, Database, Developer,
  Communication). 6 server cards with icons: Filesystem, Git, GitHub (installed), PostgreSQL, Slack, Puppeteer. Auth badges
  (green "No Auth" / amber "Requires Auth"). Install/Installed buttons with checkmarks.

  Scene 6 — Messaging Bots (120 frames / 4s)
  Full-screen "Your AI, everywhere you chat" with subtitle "Full tool access · Memory · Scheduling". 4 platform cards
  (WhatsApp, Telegram, Signal, iMessage) with SVG icons, green "Connected" status dots, and feature tags (Memory, Scheduling,
  Tools). Cards scale up with spring animation.

  Scene 7 — Logo Combo (180 frames / 6s)
  Three sub-scenes: (a) Intro with converging amber lines, center burst ring, floating particles, grid background. (b) "✦
  Introducing ✦" with word-by-word reveal: "Open Source AI Desktop" in 56px white text, model names below in gray monospace.
  (c) 8 provider icons in two rows with colored dots and labels, tagline "Claude Code + OpenCode SDK · 80+ models | Desktop ·
  Messaging · API".

  Scene 8 — GitHub CTA (120 frames / 4s)
  "100% OPEN SOURCE" label, spinning GitHub logo (rotates in from -180deg), orbiting amber star icons, "Star us on GitHub" in
  36px white, pulsing scale animation, "github.com/rohitg00/openclawd" in monospace with dark card background. Floating
  particles and subtle grid.

  All transitions use spring animations with fade + scale (0.95→1 in, 1→0.95 out). Each scene inside an AppWindow component
  (mac chrome with traffic lights). Color palette: #0c0a09 bg, #1c1917 surfaces, #292524 borders, #fbbf24 amber accent, #fafaf9
   white text, #a8a29e muted text, #78716c dim text. Fonts: Inter for UI, SF Mono for code, Georgia for branding.
03

이제,
내 버전으로.

소재와 조건을 바꾸면 실행에 쓸 요청문이 완성됩니다.

내 프로젝트 요청문

입력 내용이 바로 반영됩니다.

실행할 때 확인할 것

  1. 필요한 자료의 사용 권한과 파일 경로를 확인합니다.
  2. 브라우저에서 오류 없이 실행되는지 확인합니다.
  3. 참고 작품의 핵심 효과와 내 결과를 비교합니다.
  4. MP4 파일이 필요하면 실제 파일 생성과 재생을 확인합니다.
결과가 예상과 다를 때

오류 메시지와 실행 환경을 함께 전달하고 수정을 요청합니다.

한 번에 한 가지 효과를 수정한 뒤 결과를 다시 확인합니다.