web-motion-skill은(는) 무엇을 하나요?
웹 애니메이션을 위한 에이전틱 코딩 루프를 완성하세요. 코딩 에이전트에게 페이지를 스크롤하면서 녹화하고, 프레임별로 분석하며, 자연어를 통해 애니메이션을 최적화하는 기능을 제공합니다.
웹 애니메이션을 위한 에이전틱 코딩 루프를 완성하세요. 코딩 에이전트에게 페이지를 스크롤하면서 녹화하고, 프레임별로 분석하며, 자연어를 통해 애니메이션을 최적화하는 기능을 제공합니다.
이 스킬은 AI 코딩 에이전트(예: Claude Code, Cursor 등)가 웹 애니메이션 개발 워크플로우를 완전히 자동화할 수 있도록 설계되었습니다. 개발자가 직접 애니메이션을 디버깅하거나 최적화할 필요 없이, 에이전트가 브라우저에서 페이지를 스크롤하면서 화면을 녹화하고, 녹화된 영상을 프레임 단위로 분석하여 성능 병목 지점을 식별합니다. 그런 다음, 에이전트는 분석 결과를 바탕으로 CSS 애니메이션, JavaScript 기반 애니메이션, 또는 Canvas/WebGL 애니메이션을 자연어 명령을 통해 최적화합니다. 이 스킬은 반복적인 수동 작업을 제거하고, 개발자가 더 높은 수준의 디자인 의사 결정에 집중할 수 있도록 합니다. 주요 지원 플랫폼은 에이전트 기반 코딩 환경이며, SKILL.md 문서에 정의된 대로 웹 애니메이션의 '에이전틱 코딩 루프'를 완성하는 데 초점을 맞춥니다.
npx skills add Schmandarine/web-motion-skill웹 애니메이션을 위한 에이전틱 코딩 루프를 완성하세요. 코딩 에이전트에게 페이지를 스크롤하면서 녹화하고, 프레임별로 분석하며, 자연어를 통해 애니메이션을 최적화하는 기능을 제공합니다.
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.