HyperFrames 的动画知识库——原子运动规则、多阶段场景蓝图、场景过渡、运动设计技术，以及七个运行时适配器（默认 GSAP，外加 Lottie、Three.js、Anime.js、CSS 关键帧、Web Animations API、TypeGPU）。适用于任何动画任务：选取 2-4 条规则进行组合、加载蓝图或查询特定运行时 API（如 GSAP 缓动、Lottie 播放器、Three.js 混合器）。HyperFrames 原生：单条暂停时间线、安全查找、精确控制。
firstsun-dev/skills 是一个专为 HyperFrames 动画框架设计的综合性知识技能，旨在为开发者提供从基础到高级的完整动画解决方案。它涵盖了原子运动规则（可任意组合）、多阶段场景蓝图、场景过渡以及广义的运动设计技术。同时，该技能集成了七个运行时适配器，包括默认的 GSAP、Lottie、Three.js、Anime.js、CSS 关键帧、Web Animations API 和 TypeGPU，支持在不同平台上灵活切换。对于开发者而言，使用该技能可以高效地完成多种动画任务：通过选取 2-4 条规则快速构建自定义动画，或加载预设蓝图实现复杂场景，亦可直接查询特定运行时的 API 细节（如 GSAP 的缓动函数、Lottie 的播放器配置、Three.js 的混合器操作）。其核心优势在于 HyperFrames 的原生特性——单条暂停时间线，确保动画安全查找和无缝控制，尤其适合需要精确时间线编排和跨运行时兼容的现代 Web 应用、游戏 UI 或数据可视化项目。
npx skills add https://github.com/firstsun-dev/skills/tree/main/plugins/visual-content/skills/hyperframes-animationHyperFrames 的所有动画知识——原子运动规则、多阶段场景蓝图、场景过渡、更广泛的运动设计技术，以及七个运行时适配器（默认 GSAP，外加 Lottie、Three.js、Anime.js、CSS 关键帧、Web Animations API、TypeGPU）。适用于任何运动或动画任务：选取 2-4 条规则并进行组合，或加载一个蓝图，或查询特定运行时 API（例如 GSAP 缓动 / Lottie 播放器 / Three.js 混合器）。HyperFrames 原生：单条暂停时间线，安全查找，精确控制。
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.