web-animation-engine은(는) 무엇을 하나요?
구성형 웹 애니메이션, 설명 영상, 모션 그래픽을 위한 클로드 스킬 및 약 700줄의 React+SVG 런타임입니다. CDN 전용, npm 없음, 빌드 단계 없음.
구성형 웹 애니메이션, 설명 영상, 모션 그래픽을 위한 클로드 스킬 및 약 700줄의 React+SVG 런타임입니다. CDN 전용, npm 없음, 빌드 단계 없음.
SMKeramati/web-animation-engine은 애니메이션 웹 씬, 설명 영상, 모션 그래픽을 간편하게 제작할 수 있는 클로드 스킬 겸 React+SVG 기반 런타임입니다. 약 700줄의 코드로 구성되어 있으며, CDN을 통해 바로 사용할 수 있어 npm이나 빌드 단계가 필요하지 않습니다. 이 스킬은 프런트엔드 개발자나 디자이너가 별도의 도구 없이 브라우저에서 직접 애니메이션을 구동하고 테스트할 수 있도록 설계되었습니다. React의 상태 관리와 SVG의 그래픽 능력을 결합하여 부드러운 모션과 상호작용을 구현하며, Claude를 통해 자연어 명령으로 애니메이션 로직을 생성할 수 있습니다.
npx skills add SMKeramati/web-animation-engine구성형 웹 애니메이션, 설명 영상, 모션 그래픽을 위한 클로드 스킬 및 약 700줄의 React+SVG 런타임입니다. CDN 전용, npm 없음, 빌드 단계 없음.
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.