Lightlines
By mblode

ui-animation

mblode

Make every interaction feel clear and alive.

UI motion design

What it does

Designs, implements, reviews, debugs, and measures UI motion for interfaces.

When to use it

Use it for adding animation, matching easing, reverse-engineering motion, or finding worthwhile animation opportunities.

How to use it

Give it an interaction in the project; it applies the motion workflow, implementation guidance, and validation checks.

What you provide

  • the interaction to animate
  • An existing project

Access · 1

This skill

the specified extraction output directory

Write

Saves extracted animation frames

What you need · 5

ffmpeg is required for extracting frames from screen recordings.

Python is required for the reverse-engineering workflow.

opencv-python is required for motion tracking in the reverse-engineering workflow.

numpy is required for motion tracking and curve fitting.


About this skill

Visibility
Public
Repository
mblode/agent-skills
Created
Oct 8, 2026
Updated
Oct 8, 2026
Files
25