UX Motion — Design skill for Claude Code
Animation and motion rubric.
How to install UX Motion
Installs to ~/.claude/skills/laith0003-ux-skill-ux-motion/SKILL.md
mkdir -p ~/.claude/skills/laith0003-ux-skill-ux-motion && curl -fsSL https://raw.githubusercontent.com/Laith0003/ux-skill/HEAD/commands/ux-motion.md -o ~/.claude/skills/laith0003-ux-skill-ux-motion/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What UX Motion does
description: Animation and motion rubric. Checks timing, easing, meaning, reduced-motion compliance, and performance for every animation on a surface. Triggers on "motion check", "are the animations good", or "fix the motion". Use when auditing motion or animations, checking durations / easing / reduced-motion / performance, is the motion premium or generic, validating Core Web Vitals impact of animations. Skip when the surface has no motion or animations (use ux-audit or ux-polish for stati
Alternatives in Design
- Eian Riso Broll — 孔版双色风格的口播信息动画 Skill:逐字稿 → 1080×1920 竖屏 mp4 · Risograph-style info animations for talking-head videos 155 ★
- 2 — Build a high-fidelity, responsive, dark-themed hero section for a SaaS product called "Taskora" using React, T 152 ★
- UI Modern — Generate a modern UI component with best practices and design system compliance 98 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
UX Copy
Microcopy review and rewrite against the voice rubric. Produces a before/after table with severity per string
UX Evolve
Auto-iterate the lint→polish→re-lint loop on a generated artifact until score crosses 90 or plateaus. Triggers
Govuk Check
[--fix] [--verbose] - Review the current GOV.UK project for compliance with design guidelines and requirements
Blender Cinematic Modeling Skill
Claude and Codex skill for detailed Blender modeling, reference-based reconstruction, cinematic materials and
Blender Cinematic Modeling Skill Claude Codex
Claude and Codex skill for detailed Blender modeling, reference-based reconstruction, cinematic materials and
CSS Animation Skill
A Claude Code skill that generates self-contained HTML/CSS animations of app features for walkthroughs, demos,
Related Agents
Motion Engineer
Implements motion in production frontend code: Framer Motion, GSAP, CSS animations. Owns easing curves, spring
Motion Auditor
Load when the user asks about animation timing, easing, springs, transitions, gestures, stagger, or "this feel
Motion Specialist
Animation timing, interaction feedback, and transition specialist. Given a persona and product description, pr