cinematic-ui은(는) 무엇을 하나요?
감독과 영화 연구 워크플로우를 활용하여 여러 AI 에이전트 간 UI 계획 및 실행을 지원하는 웹사이트 디자인 스킬
감독과 영화 연구 워크플로우를 활용하여 여러 AI 에이전트 간 UI 계획 및 실행을 지원하는 웹사이트 디자인 스킬
이 스킬은 웹사이트 디자인을 위한 혁신적인 접근 방식을 제공합니다. 감독(director) 역할을 맡은 에이전트가 마치 영화를 제작하듯이 UI 프로젝트를 기획하고, 다른 에이전트들이 이 계획에 따라 실행하는 워크플로우를 구현합니다. 사용자 인터페이스 설계에 영화적 연구 방법론을 도입하여, 보다 체계적이고 창의적인 UI/UX 디자인을 가능하게 합니다. 여러 AI 에이전트 간의 협업을 전제로 하여, UI 계획과 실행 단계를 분리하고 조율함으로써 효율적인 웹 개발을 지원합니다. 주로 Claude Code, Cursor, Codex 등 AI 개발 도구와 함께 사용되도록 설계되었습니다.
npx skills add Ddimit5429/cinematic-ui감독과 영화 연구 워크플로우를 활용하여 여러 AI 에이전트 간 UI 계획 및 실행을 지원하는 웹사이트 디자인 스킬
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.