Best motion graphics skills, page 7

A single-frame motion-design composition with looping CSS animations — rotating type ring, animated globe, ticking timer, parallax labels.

sanqiufong/slides-from-anything

A pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g.

sanqiufong/slides-from-anything

Design and implement microinteractions, motion design, transitions, and user feedback patterns.

poteto/noodle

Implement animated effects, transitions, and motion in Flutter apps.

nexu-io/open-design

Programmatic video creation with React. An agent skill from nexu-io/open-design.

nexu-io/open-design

Use this plugin when the user wants a "Bold Poster Frame" HyperFrames motion video — A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a…

nexu-io/open-design

Use this plugin when the user wants a "Bold Signal Frame" HyperFrames motion video — Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.

nexu-io/open-design

Use this plugin when the user wants a "Build Minimal Frame" HyperFrames motion video — Luxury-minimal whitespace hero — single word reveals letter by letter, warm-gold hairline, breathing indicators.

nexu-io/open-design

Use this plugin when the user wants a "Creative Voltage Frame" HyperFrames motion video — Electric split with hand-drawn script — offset panels slide in, display title rises with an outlined word…

nexu-io/open-design

Use this plugin when the user wants a "NYT-Style Data Chart Frame" HyperFrames motion video — NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range…

nexu-io/open-design

Use this plugin when the user wants a "Data Rollup Frame" HyperFrames motion video — A native Remotion data frame — bars grow from zero by real data via spring physics while the figures roll…

nexu-io/open-design

Use this plugin when the user wants a "Decision Tree" HyperFrames motion video — Animated flowchart with branching paths

nexu-io/open-design

Use this plugin when the user wants a "Electric Studio Frame" HyperFrames motion video — Two-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line…

nexu-io/open-design

Use this plugin when the user wants a "Glitch Title Frame" HyperFrames motion video — Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.

nexu-io/open-design

Use this plugin when the user wants a "Kinetic Type" HyperFrames motion video — Bold kinetic typography promo

nexu-io/open-design

Use this plugin when the user wants a "Light-Leak Cinematic Frame" HyperFrames motion video — Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.

nexu-io/open-design

Use this plugin when the user wants a "Liquid Background Hero" HyperFrames motion video — WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or…

nexu-io/open-design

Use this plugin when the user wants a "Logo Outro Frame" HyperFrames motion video — Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.

nexu-io/open-design

Use this plugin when the user wants a "NYT Graph" HyperFrames motion video — Animated data chart in print editorial style

nexu-io/open-design

Use this plugin when the user wants a "Pentagram Stat Frame" HyperFrames motion video — Swiss-grid statistic anchor — giant number, red accent, growing bars, black data bar.

nexu-io/open-design

Use this plugin when the user wants a "Play Mode" HyperFrames motion video — Playful elastic animations

nexu-io/open-design

Use this plugin when the user wants a "Product Promo" HyperFrames motion video — Multi-scene product showcase with SVG assets

nexu-io/open-design

Use this plugin when the user wants a "Product Promo · 30s" HyperFrames motion video — Multi-scene 30-second product promo: problem-type intro, brand reveal, benefits flowchart, product surfaces…

nexu-io/open-design

Use this plugin when the user wants a "Swiss Grid" HyperFrames motion video — Structured grid layout

nexu-io/open-design

Use this plugin when the user wants a "Takram Organic Frame" HyperFrames motion video — Soft-tech radial node graph as art — frosted rounded card, curved links drawing in, nodes popping outward…

nexu-io/open-design

Use this plugin when the user wants a "Vignelli" HyperFrames motion video — Bold typography with red accents

nexu-io/open-design

Use this plugin when the user wants a "Warm Grain" HyperFrames motion video — Cream aesthetic with grain texture

nexu-io/open-design

Use this plugin when the user wants a "VFX Text Cursor" HyperFrames motion video — Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.

nexu-io/open-design

How to use Remotion as the assembly layer - read the project's meta.json and stitch the rendered HyperFrames scenes + footage + voice + sound effects into the finished video.

notivn/AIEV

Package an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto the playing video — titles, lower-thirds, data callouts, quotes, side panels…

chmonitor/chmonitor

A skill your agent uses when approved video-planning artifacts must be handed to HyperFrames for production, with optional ListenHub narration.

sugarforever/boring-video-studio

Make a short sound-off motion-graphics ad (a 15s Facebook, Instagram or TikTok ad, 4:5 or 9:16) from a product's real screenshots and photos, with every claim checked against the page it links to.

nodetool-ai/nodetool

Set the motion language for a piece before anything is animated — one easing family, one timing unit, one transition family, one stagger rhythm — and audit a timeline against it.

nodetool-ai/nodetool

Build and review a NodeTool timeline piece — the motion agent's entry point.

nodetool-ai/nodetool

Choose timing, easing, stagger, anticipation, and follow-through for a NodeTool timeline.

nodetool-ai/nodetool

Motion-design follow-up skill inspired by Emil Kowalski's animation guidance.

nexu-io/open-design

A skill your agent uses when the user has one or more video clips and wants to add post-production on top — AI-generated cover as first frame, HTML/CSS captions synced to SRT, kinetic illustration…

jianshuo/claude-skills

Author a HyperFrames slideshow composition — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching sequences, and hotspot navigation.

chmonitor/chmonitor

Build animated motion design (explainer, transition reel, product intro).

bluzir/claude-code-design

Design GPU-accelerated animations with Web Animations API (WAAPI), Scroll-Driven Animations (ScrollTimeline/ViewTimeline), FLIP technique, easing systems, and accessibility (prefers-reduced-motion).

EliasOulkadi/shokunin

Short-form video generation skill — 3-10 second clips for product reveals, motion teasers, ambient loops.

sanqiufong/slides-from-anything

AI video production workflow using Remotion. An agent skill from LeoYeAI/openclaw-master-skills.

LeoYeAI/openclaw-master-skills

Read and verify legacy HyperFrames Integrator records for a pre-v0.9 task.

erduo1998-cell/erduo-broll-loop-engineering

Turn real screen and site footage into a rhythmic showreel rendered with HyperFrames: sampling, edit script, redacted clips, a generated composition, Veo only as additive FX, music edit + camera…

BlackBeltTechnology/pi-agent-dashboard

End-to-end video production workflow for the AI Edit Video system - from the user request to the MP4 in outputs/, coordinating HyperFrames (scenes) and Remotion (assembly).

notivn/AIEV

Reference for editing a NodeTool timeline that already exists with edittimeline ops — animateclip roles and presets, the easing grammar, per-word/character stagger, setclipparams limits…

nodetool-ai/nodetool

Motion design system for Mobazha including animation principles, duration standards, easing functions, prefers-reduced-motion support, and scene-specific animation patterns.

mobazha/mobazha-unified

Assemble the FREE steps of the product-hypermotion + kinetic-typography video format — dice ONE Seedance 2.0 hypermotion clip into 5-6 segments and intercut them with PIL kinetic-typography spec/CTA…

gooseworks-ai/goose-skills