motion-design-director-skill은(는) 무엇을 하나요?
고품질 모션 디자인 방향, 비평, 용어 및 HTML 모션 목업을 위한 Codex 스킬
Codex 스킬: 고품질 모션 디자인 방향, 비평, 용어, HTML 모션 목업을 위한 스킬
이 스킬은 코드 생성 AI 에이전트(예: Codex)가 고품질 모션 디자인 작업을 수행할 수 있도록 지원합니다. 주요 기능으로는 모션 디자인 방향 설정, 디자인 비평, 전문 용어 사용, 그리고 HTML 모션 목업(Mockup) 제작이 포함됩니다. 이 스킬은 웹 기반 모션 디자인 작업에 특화되어 있으며, HTML, CSS, JavaScript를 활용하여 실제 동작하는 인터랙티브한 모션 프로토타입을 빠르게 생성할 수 있도록 돕습니다. 모션 디자이너나 개발자가 일관된 디자인 시스템을 유지하면서 고품질의 애니메이션을 구현하는 데 유용하며, 디자인 리뷰 과정에서 표준화된 비평을 제공하는 데 활용될 수 있습니다. 주로 Codex와 같은 AI 코딩 도구와 함께 사용됩니다.
npx skills add liangming99/motion-design-director-skill고품질 모션 디자인 방향, 비평, 용어 및 HTML 모션 목업을 위한 Codex 스킬
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.