skills.rest
rakibulism
rakibulismCOMMUNITY
Explore all skills by this author →
Website𝕏@rakibulismGitHub

motion-graphics

Design motion graphics specifications for titles, lower thirds, captions, and overlays.

2|1|Updated May 17, 2026
Search Tags:#typography#video#captions#motion graphics#titles#lower thirds
One-click install
npx skills add https://github.com/rakibulism/agent-skills-os --skill motion-graphics-rakibulism
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: motion-graphics
Source: https://github.com/rakibulism/agent-skills-os/tree/main/skills/motion-graphics
Command: npx skills add https://github.com/rakibulism/agent-skills-os --skill motion-graphics-rakibulism

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you design motion graphics that communicate clearly in video without distracting from the story. It focuses on making titles, lower thirds, captions, and overlays readable, well-timed, and safe across different platforms and aspect ratios.

Core Features & Use Cases

  • Readable titles and lower thirds: Specifies hierarchy, contrast, spacing, and typography so text stays legible over moving footage.
  • Timing and animation direction: Recommends entrance, hold, and exit timing with easing choices that match the edit and video energy.
  • Platform-safe design: Accounts for title-safe margins, social UI overlays, and reframing from widescreen to vertical or square formats.
  • Use Case: A creator needs a lower third for an interview clip, a caption style for social video, or an intro card for a branded series, and wants a concise graphics spec that an editor or motion designer can implement.

Quick Start

Design a motion-graphics spec for a lower third in a vertical interview clip, including layout, timing, safe-area guidance, and legibility notes.

Frequently Asked Questions about motion-graphics

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design lower thirds that stay readable over moving video footage?▼

To design readable lower thirds, specify clear visual hierarchy, contrast, and spacing. You must account for animation timing, safe-area margins, and platform aspect ratios to ensure text legibility over moving footage.

What is the best way to time animated titles and captions for social video?▼

Timing animated titles requires defining entrance, hold, and exit durations with appropriate easing. This ensures captions match the edit pacing and video energy while maintaining legibility across social platforms.

How do I ensure my motion graphics are safe across different aspect ratios?▼

To ensure motion graphics are safe across aspect ratios, apply title-safe margins and account for social UI overlays. Reframe layouts from widescreen to vertical or square formats while maintaining visual consistency.

Do I need specific layout guidance to create captions for interview-driven content?▼

Yes, creating captions for interview-driven content requires layout guidance to maintain hierarchy and legibility. You must define contrast and spacing safeguards to keep text readable over dynamic footage.

Why does my motion graphics text distract from the video story?▼

Motion graphics text distracts from the story when timing, hierarchy, and contrast are poorly defined. Applying proper easing, safe-area compliance, and legibility safeguards ensures overlays communicate clearly without causing distractions.

Related Skills

Explore More Design & Creative Skills→
calesthiocalesthio
123

motion-graphics-direction

Direct motion graphics for video with timing, accessibility, and claim integrity.

Community
Advanced
calesthiocalesthio
123

title-kinetic-typography

Direct animated typography with exact text fidelity and accessibility checks.

Community
Advanced
buda-aibuda-ai
25

video-analyzer

Analyzes video content to extract cinematic style guidelines and outputs a replication guide.

Official
Advanced
chmonitorchmonitor
255

motion-graphics

Create short design-led motion graphics with transparent alpha overlay exports.

Official
Advanced