01
It starts by itself
new color brief. Runs in Claude Code routine.
- ↻ new color brief
run when a palette, gradient or color transition is requested
iart-ai · 3K installsColor in Motion skill
Runs by itself, new color brief.
Gradients without muddy midpoints.
Install the Color in Motion skill and make it a habit: follow https://gethabit.dev/skills/iart-ai/color-motion.md
- 1Copy
- 2Paste into Claude Code, Codex or Cursor
- 3It runs by itself
3K installs151 starsMIT licenceSource on GitHub ↗
Color in Motion
by iart-ai · 3K installs
The skill
The color in motion skill helps motion designers build restrained palettes, premium gradients and smooth OKLCH color transitions, and fix washed-out or gamma-shifted video renders.
Only when you ask.
The habit
Gradients without muddy midpoints.
↻ Runs by itselfnew color brief
How the habit works.
You don't have to.
When does it start? How does it check its work? What does it remember?
One run, step by step.
Then it stops.
Stops after one palette or gradient per run, with at most 2 fix rounds.
- 01
Build the palette
Pick one primary, one accent and two or three neutrals with exact OKLCH values.
- 02
Write the file
Put the gradient or @property transition and the freeze harness in one .html file.
- 03
Freeze and shoot
Open it at ?t=0, mid and end and screenshot each frame with npx playwright screenshot.
- 04
Check the frames
Look for banding and gray or muddy midpoints at every frozen frame.
- 05
Fix and repeat
Adjust chroma and lightness or add grain, then reshoot the same ?t=N.
What it may do.
Nothing more.
It writes only in its own folder and asks you before anything goes out.
- Writes only incolor.html, frame-*.png, loops/color-motion-loop/**
- Talks tono outside service
- Sendsnothing
- Your OKNothing goes out, so it needs no OK.
Is it for you?
Use it when it fits.
Read both lists. If the left one sounds like you, the Color in Motion skill helps.
Use it when
- ✓ You build a gradient background
- ✓ Your gradient midpoint looks gray
- ✓ Your render looks washed out
Skip it when
- – You need a full brand system
- – Your work is print only
Color in Motion skill, answered.
Does it cover video grading?
The skill explains grading order and After Effects color tags, but the loop checks only the HTML deliverable.
Why OKLCH?
The skill says perceptual spaces keep midpoints vivid, where raw sRGB passes through gray.
How do I install the Color in Motion skill?
Copy the prompt at the top into your agent. It installs the skill from iart-ai/motion-design-skills and sets up the habit. Or run npx skills add iart-ai/motion-design-skills --skill color-motion.
Is the Color in Motion skill free?
Yes. It is published under MIT. Habit is free too.
Color in Motion. Now as a habit.
Install the Color in Motion skill and make it a habit: follow https://gethabit.dev/skills/iart-ai/color-motion.md
All iart-ai skills →More design skills →
Works in
- Claude Code
- Codex
- Cursor
- ChatGPT
- Claude app
Made by iart-ai, published under MIT. Habit links to the original and never changes it. Is this your skill?