Motion graphics

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.

scott-fryxell/brayness

HyperFrames CLI and Minis rendering. An agent skill from OpenMinis/MinisSkills.

OpenMinis/MinisSkills

Prepare Fish official-API narration, OpenAI word timestamps, and reviewed user-supplied local music/SFX for HyperFrames.

waker240/FullVideoProductionSkill

The standard for writing new skills for the AI Edit Video system - file structure, frontmatter, tone of voice, and how to accumulate production lessons into skills.

notivn/AIEV

Aesthetic direction for OrkasVideoStudio HTML and motion-graphics compositions.

Orkas-AI/Orkas-VideoStudio

Implements After Effects Lottie animations in web and React apps: picking JSON or dotLottie format, a rendering library, and a data source, with an optimizer script.

freshtechbro/claudedesignskills

Create deterministic editorial-style cover images with a warm paper-gray background, oversized black slab-serif/Chinese display typography, generous whitespace, and a dotted vector analysis icon.

Pluviobyte/rnskill

Sets conventions for HyperFrames Studio projects: when to edit or just answer, how to plan a film, how to lay out the timeline and where captions may sit.

heygen-com/hyperframes

HyperFrames CLI dev loop — project scaffolding, validation (lint/inspect), browser preview with live reload, MP4/WebM rendering, and environment troubleshooting (doctor, browser, info, upgrade).

cosmicstack-labs/mercury-agent-skills

Install and wire registry blocks and components into HyperFrames compositions.

chmonitor/chmonitor

Author a new HyperFrames registry block (caption style, VFX block, transition, lower third) or component (text effect, overlay, snippet) and ship it as an upstream PR to the hyperframes repo.

boraoztunc/skills

Turn a newsletter or blog cover into a seamless looping GIF at 896 x 640, 180 frames at 20fps.

charlie947/motion-graphics-skills

宣传片逐镜头分镜脚本。根据创意简报生成每个 Shot 的 7 维画面描述和详细 HyperFrames 提示词，是整条视频质量的关键。当用户确认 brief 后自动进入。

kangarooking/promo-creator-skills

Turns one typical session between you and your agent into a short animated film built from your real messages, with a composed score, after you approve every line.

heygen-com/hyperframes-community-skills

Render a Claude-style prompt typing animation video by calling Remotion CLI against the remote site https://www.laosunwendao.com.

vibe-motion/skills

Adds Remotion-style video transitions and Framer Motion page animations to PPT-based videos and HTML slide viewers, planning the animation sequence first.

anbeime/skill

WeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stories.

nexu-io/open-design

Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques.

Dinil-Thilakarathne/sona-ui

Create, modify, and render Remotion React video projects in the current Vetta conversation workspace.

openvetta/open-vetta

额外包检测与安装。根据 storyboard 检测并安装额外依赖（lottie/3D/charts/gif 等）。模板和基础依赖已在 bootstrap 阶段完成。

bilibili/carocut

Turns an idea or script into a branded MP4 by routing each scene to HyperFrames, Lottie, Manim or GSAP, wrapping it in one brand frame file, then checking and rendering.

hoodini/ai-agents-skills

把一篇技术长文/论文解读自动做成章节式解说视频(1080p, 5-8 分钟)。双主题:warm(奶油底+珊瑚红+cozy-handdrawn 透明插图,亲和感)和 midnight(深蓝黑底+琥珀金+宋体标题+executive-tech 插图,AI 科技感),storyboard 一个 theme 字段切换。每章三种 layout 混排:illustration(左文右图+Ken…

wwwzhouhui/skills_collection

Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser previews.

calesthio/OpenMontage

When the user wants to choose between PLG and sales-led, design a sales motion, optimize time-to-first-value, or build a value-before-purchase experience.

tech-leads-club/agent-skills

Asset preprocessing for HyperFrames compositions — local text-to-speech narration (Kokoro-82M, no API key), audio/video transcription (Whisper), and background removal for transparent overlays…

cosmicstack-labs/mercury-agent-skills

Plan, author, review, and render HTML videos with HyperFrames.

waker240/FullVideoProductionSkill

Make a 12-second looping milestone clip in code with Claude Code.

charlie947/motion-graphics-skills

Turn concepts into animated explainer videos using Manim (Python) with MP4/GIF output, audio overlay, multi-scene composition.

Mathews-Tom/armory

Generates motion graphics videos (MP4) from a content brief.

Varnan-Tech/opendirectory

Load this skill when adding or reviewing web UI motion such as animations, transitions, entrances and exits, hovers, modals, dropdowns, toasts, page transitions, and micro-interactions.

planetabhi/riseofmachine

将参考图或简要描述解码为可编辑的半色调纸张拼贴规范，默认使用 Codex 内置 imagegen 生成品牌一致的静帧和透明图层，再用本地 FFmpeg 或 HyperFrames 制作“从空背景逐件组装”的确定性动态视频。用户提到半色调拼贴、纸张拼贴、剪纸拼贴、编辑式拼贴、杂志拼贴、复古印刷拼贴、拼贴动效、拼贴动画、剪纸动画、纸片组装、逐层组装、从无到有、元素飞入拼装、定格拼贴、定格动画、Arc…

Pluviobyte/rnskill

Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG.

KumarSashank/motiscope

Edit a Vietnamese vertical TikTok video (9:16) with HyperFrames following the Noti.vn/GĐT standard - talking-head + kinetic typography + karaoke captions + zoom/punch-in camera + timestamp-synced…

notivn/AIEV

End-to-end motion-design / animated-ad creation flow on Higgsfield via the MCP connector.

OSideMedia/higgsfield-ai-prompt-skill

把单个学科概念(中文/英文都行,如"声现象""杠杆原理""光合作用")自动做成动态教学内容。两种产出都由 HyperFrames 渲染、共用同一个 index.html(mode 变量切换):① 配音教学视频 — 分镜 + Minimax / Edge TTS 中文配音 + 字幕 + 完整 MP4(1080p, ~90s, 发视频号/给孩子看);② 无声循环动图 — 同一内容的紧凑无声版…

wwwzhouhui/skills_collection

Maintain the existing May Shorts teaching compositions using their legacy face-mode, scene-overlay, and karaoke-caption patterns.

nateherkai/hyperframes-student-kit

Read this FIRST on any video-production request to pick and lock the line — generate (AI footage), compose (designed HTML), edit (cut real footage), or AUTO end-to-end.

Orkas-AI/Orkas-VideoStudio

Builds a 60 to 90 second collage-style HyperFrames explainer about an everyday thing viewers rarely look at, or from documents you supply, with design approval and quality gates.

heygen-com/hyperframes-community-skills

Builds a narration-synced MP4 from a voiceover audio file and its SRT subtitles using HyperFrames, with scenes timed to the subtitle cues; instructions are in Chinese.

sugarforever/01coder-agent-skills

Capture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or social clip from the site's own visuals).

chmonitor/chmonitor

Propose and improve story-driven celebration scenes in AI DIAL Chat, including interaction with page components, character motion, SVG/Lottie artwork and performance.

epam/ai-dial-chat

Install and integrate HyperFrames registry blocks and components.

waker240/FullVideoProductionSkill

CSS animation adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Capture a website and create a HyperFrames video from it. An agent skill from boraoztunc/skills.

boraoztunc/skills

Give the same motion brief to three AI models, keep each first try, render all three the same way and stack them into one comparison video with model names and logos.

charlie947/motion-graphics-skills

The craft of a motion design video, from the look to the final: style frames, layout, type, colour, timing, easing and transitions.

GTKottman/mortiflix-oss

Build three HyperFrames representative samples and shared creative capabilities as Lead, or own the complete design-build-view-revise loop for one contiguous 5–8-shot chapter.

erduo1998-cell/erduo-broll-loop-engineering

Rebuild a whole landing page / multi-section website from a screen recording that scrolls or walks through it.

KumarSashank/motiscope