Best motion graphics skills, page 5

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

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

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

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

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

vibe-motion/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

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

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

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

bilibili/carocut

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

wwwzhouhui/skills_collection

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

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

calesthio/OpenMontage

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

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

Mathews-Tom/armory

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

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

kangarooking/promo-creator-skills

将参考图或简要描述解码为可编辑的半色调纸张拼贴规范，默认使用 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

A skill your agent uses when the user wants a GitHub PR (URL, owner/repoN, or 'this PR') made into a code-change explainer video from its diff and commits: changelog, feature reveal, fix, or refactor.

coco-research/coco

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 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

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

nateherkai/hyperframes-student-kit

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

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

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

Install and integrate HyperFrames registry blocks and components.

waker240/FullVideoProductionSkill

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

Varnan-Tech/opendirectory

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

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 a Vietnamese landscape 16:9 YouTube video (1920×1080) with HyperFrames (HTML/CSS/GSAP → MP4), keeping the Noti.vn/GĐT branding inherited from noti-tiktok-vn.

notivn/AIEV

A skill your agent uses when the user wants a video of a website (site tour, portfolio, docs or landing-page showcase) captured from a URL.

coco-research/coco

Generate flat, minimal light/dark-aware SVG diagrams as standalone HTML files, using a unified educational visual language with 9 semantic color ramps, sentence-case typography, and automatic dark…

Tommy-yw/RunbookHermes

Create a short design-led motion graphic, title treatment, or transparent overlay in HyperFrames.

waker240/FullVideoProductionSkill

The HyperFrames composition contract — build one renderable project.

chmonitor/chmonitor

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

KumarSashank/motiscope

Build and iterate short-form vertical (9:16) videos in Hyperframes - TikTok/Reels/Shorts style.

notivn/AIEV

Produce a LinkedIn-native 1:1 (or 16:9) launch video using HyperFrames.

cognyai/claude-code-marketing-skills

Edit a raw talking-head video through transcription, silence trimming, mistake review, visual storytelling, motion graphics, and verified HyperFrames rendering.

nateherkai/hyperframes-student-kit

HyperFrames CLI dev loop. An agent skill from chmonitor/chmonitor.

chmonitor/chmonitor