CldKit
HOMEEXPLORERECIPESSUBMITCLIAI CURATORSIGN IN
SIGN IN
CldKit
ExploreRecipesSubmitCLI·AboutPrivacyTerms

Built for AI developers. Every component reviewed.

© 2026 CldKit

Language
Home>Explore>Design Motion Principles

Design Motion Principles

73/100
Skill
by Kyle Zantos@kylezantos
MIT

Motion design audit skill that reviews frontend animation through restraint, production polish, creative experimentation, accessibility, and performance lenses.

Source

Review Scores

Security28/35Maintain.24/35Usability21/30
Security28/35
Maintain.24/35
Usability21/30
Evidence:
medium
Reviewed May 1, 2026
Drifted

Reviewed Version

main@2026-05-01

Latest Version

2.0.0(drift)

Freshness

Reviewed on main@2026-05-01; latest is 2.0.0.

Scores reflect the version reviewed and may change with updates.

Security Audit - No Flags Reported

Audited May 1, 2026

Overview

When to Use

When NOT to Use

Setup

npx add-skill kylezantos/design-motion-principles

Troubleshooting

Scenes

Tags

Used in Recipes

  • Browser-Assisted QA Lab(Audits motion, accessibility, and interaction polish)
  • Frontend AI Design Studio(Audits motion, accessibility, and interaction polish)
Skill

Install

npx add-skill kylezantos/design-motion-principles

CldKit CLI

cldkit install design-motion-principles
cldkit info design-motion-principles

Install CLI: npm i -g @cldkit/cli

Version

2.0.0

Stars

370

License

MIT

Compatibility

claude-code
cursor
windsurf

Links

GitHub Source@kylezantos
frontend
design
review
motion-design
animation
frontend
accessibility
performance
Reviewed on vmain@2026-05-01 - latest is v2.0.0. Scores may not reflect the current version.