HyperFrames의 모든 애니메이션 지식(원자 모션 규칙, 다중 단계 장면 청사진, 장면 전환, 모션 디자인 기술 및 7가지 런타임 어댑터)을 제공합니다. 모션 또는 애니메이션 작업에 사용하세요.
이 스킬은 HyperFrames 프레임워크 전용으로 설계된 종합 애니메이션 지식 기반입니다. 원자 모션 규칙(Atomic Motion Rules), 다중 단계 장면 청사진(Multi-Phase Scene Blueprints), 장면 전환(Scene Transitions), 모션 디자인 기법 등 방대한 애니메이션 지식을 체계적으로 제공합니다. 특히 GSAP(기본값), Lottie, Three.js, Anime.js, CSS 키프레임, Web Animations API, TypeGPU 등 7가지 런타임 어댑터를 지원하여 다양한 기술 스택과 호환됩니다. 사용자는 2-4개의 규칙을 선택하여 조합하거나, 청사진을 로드하거나, 특정 런타임 API(예: GSAP easing, Lottie 플레이어, Three.js 믹서)를 조회하는 방식으로 활용할 수 있습니다. HyperFrames의 핵심 철학인 단일 일시 정지 타임라인(Single Paused Timeline), 시크-세이프(Seek-Safe) 메커니즘, DETE(Deterministic Timeline Execution) 개념을 기반으로 동작합니다. AI 에이전트(Claude Code, Cursor 등)가 애니메이션 관련 질문에 정확히 답변하거나, 복잡한 모션 시퀀스를 생성해야 할 때 이 스킬을 참조하여 일관되고 예측 가능한 결과를 얻을 수 있습니다.
npx skills add https://github.com/firstsun-dev/skills/tree/main/plugins/visual-content/skills/hyperframes-animationHyperFrames의 모든 애니메이션 지식 — 원자 모션 규칙, 다중 단계 장면 청사진, 장면 전환, 광범위한 모션 디자인 기법, 그리고 7가지 런타임 어댑터(GSAP 기본값, Lottie, Three.js, Anime.js, CSS 키프레임, Web Animations API, TypeGPU). 모션이나 애니메이션 작업에 사용하세요: 2-4개의 규칙을 선택하여 조합하거나, 청사진을 로드하거나, 런타임별 API를 조회하십시오(예: GSAP 이징 / Lottie 플레이어 / Three.js 믹서). HyperFrames-네이티브: 단일 일시 정지 타임라인, 시크-세이프, DETE.
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.