motion-design SKILL.md skillA

motion-design from blixvip/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add blixvip/skills/motion-design@git:20260918.9d305f6

Pins git:20260918.9d305f6 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
blixvip/skills
Path
motion-design/SKILL.md
Versions recorded
1
Latest version
git:20260918.9d305f6, committed Sep 18, 2026
Size
13,036 bytes
Repository stars
4
License
MIT

Design the actual frames for motion graphics and generated UI — palette derived from the footage, type pairing, one of five scene archetypes, and the layering order that produces depth instead of flat AI slop. Use when building scenes in Remotion, HyperFrames, After Effects, or any generated-image pipeline (Nano Banana / GPT Image / Seedream), and whenever output "looks AI-generated", "looks flat", "looks like a template", or needs to match a creator's branding.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# motion-design

Frames are **designed pages**, not video with text dropped on top. This skill turns a shot plan (see `motion-plan`) into concrete, on-brand compositions.

Read Appendix A before your first frame. Read Appendix B when you need the layout grammar for a specific scene type.

## 1. Derive the palette from the footage — do not invent one

The accent color is **already in the source video**. Sample it; do not pick one.

1. Pull 3–5 frames from the A-roll. Find the strongest non-skin, non-neutral hue — a lamp, a wall wash, a logo, a jacket, a bit of set dressing.
2. That hue is the **accent**.
3. Read the room's exposure. Bright/airy recording → light-tinted variants. Dim/moody recording → deep variants. A dark scene design over bright footage looks pasted on, and vice versa.
4. Build three roles from that one hue:

| Role | Share | What it is |
|---|---|---|
| **Ground** | 60% | The darker (or, in light themes, the off-white) variant. Backgrounds, large fields. |
| **Surface** | 30% | The lighter variant. Cards, panels, secondary text, texture. |
| **Accent** | 10% | The saturated hue itself. One accent word, one icon, one highlight, one CTA. |
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add blixvip/skills/motion-design@sha256:c8789441c8f7081c

The line at the top of this page pins the label git:20260918.9d305f6, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_5stkf6kzuzonxvsh.svg)](https://markdownregistry.com/a/art_5stkf6kzuzonxvsh)

5 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Sep 18, 2026.

versioncommittedcommitsizeaudit
git:20260918.9d305f6 latest2026-09-18 9d305f6 13,036 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (13036 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

blixvip/skills · 4 stars · license MIT · pushed 2026-10-08 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_5stkf6kzuzonxvsh
GET https://markdownregistry.com/api/v1/resolve?ref=blixvip/skills/motion-design
GET https://markdownregistry.com/api/v1/blob/c8789441c8f7081cdb46a7d62ae51e61ebad260968fac6d5dadfc4a7e29b3227

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from blixvip/skills

1 SKILL.md skill
blixvip/skills · 1/SKILL.md · Fast execution timebox for small, well-defined tasks. Use when the user invokes /1 and target completion within 3…
git:20260819.0c0e4d1 · audit A · 4 stars
2 SKILL.md skill
blixvip/skills · 2/SKILL.md · Short execution timebox for straightforward tasks requiring a little investigation and verification. Use when the user…
git:20260819.0c0e4d1 · audit A · 4 stars
3 SKILL.md skill
blixvip/skills · 3/SKILL.md · Standard execution timebox for moderately involved tasks. Use when the user invokes /3 and target completion within 13…
git:20260819.0c0e4d1 · audit A · 4 stars
4 SKILL.md skill
blixvip/skills · 4/SKILL.md · Deeper execution timebox for substantial tasks requiring broader investigation, implementation, and regression testing…
git:20260819.0c0e4d1 · audit A · 4 stars
5 SKILL.md skill
blixvip/skills · 5/SKILL.md · Maximum normal execution timebox for complex tasks that should still be completed quickly. Use when the user invokes /5…
git:20260819.0c0e4d1 · audit A · 4 stars
AGENTS.md AGENTS.md file
blixvip/skills · AGENTS.md
git:20260918.9d305f6 · audit A · 4 stars
ae-extendscript SKILL.md skill
blixvip/skills · ae-extendscript/SKILL.md · Drive Adobe After Effects from an agent by writing and running ExtendScript (.jsx) — the result-file bridge that gives…
git:20260918.9d305f6 · audit A · 4 stars
asap SKILL.md skill
blixvip/skills · asap/SKILL.md · Execute the current task through the shortest reliable path. Use when the user invokes /asap, says "as soon as…
git:20260819.2c121e0 · audit A · 4 stars
backbefore SKILL.md skill
blixvip/skills · backbefore/SKILL.md · Restore the version immediately before a rejected implementation, then reapply the user's latest request as a minimal…
git:20260819.c07ce53 · audit A · 4 stars
components SKILL.md skill
blixvip/skills · components/SKILL.md · Rapidly improve an existing website or application using components and design patterns from a controlled list of…
git:20260819.9a50702 · audit A · 4 stars
github SKILL.md skill
blixvip/skills · github/SKILL.md · Quickly audit, document, validate, commit, and safely publish or update a project on GitHub. Use for /github…
git:20260819.6ea6f01 · audit A · 4 stars
huh SKILL.md skill
blixvip/skills · huh/SKILL.md · Instantly report what is happening right now. Use when the user invokes /huh or asks for a terse status of current or…
git:20260819.45dded6 · audit A · 4 stars

Every file in blixvip/skills

Other files named motion-design

motion-design SKILL.md skill
nahid-sparktales/agent-dispatcher · skills/design/motion-design/SKILL.md · Decide what an animation is communicating, then give it a duration, an easing curve, an interruption behaviour and a…
git:20260919.a0d4f55 · audit A · 59 stars
motion-design SKILL.md skill
scorp1o117/dsh-motion-ui · skills/motion-design/SKILL.md · Apply motion craft to an active task: refine a brief, beat map, visual continuity, typography, pacing, and timeline…
git:20261017.9c3f62e · audit B · 31 stars
motion-design SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/motion-design/SKILL.md · Restrained, accessible web motion — Framer Motion declarative patterns and CSS-only staggered reveals for high-impact…
git:20260709.499ff0b · audit A · 25 stars
motion-design SKILL.md skill
felvieira/claude-skills-fv · skills/12-motion-design/SKILL.md · Skill de Motion Design para animações, transições e micro-interações. Use quando precisar definir ou…
git:20260919.9ec8972 · audit A · 24 stars
motion-design SKILL.md skill
gastonchevarria/god-mode · plugins/god-mode-design/skills/motion-design/SKILL.md · Implements UI motion in code: springs, press feedback, staggered entrances, skeletons, reduced-motion fallback, on…
git:20261014.522e28a · audit A · 3 stars

Browse by kind, by grade A, or by owner.