motion-design-skill
Teaches agents motion principles such as timing, easing and choreography before they write animation code.
Free
Design & Creative
★ 2870
#195
of 289 skill repos
2.9k
GitHub stars
LottieFiles
author
// about
The skill is philosophy-first and works with any animation system: CSS, Framer Motion, GSAP, Lottie or springs. It pushes the agent to decide emotional intent first. Example prompts include choreographing a dashboard entrance so the hero chart lands first and the stats cards follow. It supports 40+ agents.
// how to install
Run npx skills add LottieFiles/motion-design-skill.
// works with
Claude CodeCodex
// similar skills in Design & Creative
ui-ux-pro-max-skill
A single Claude skill that generates a UI/UX design system from a project brief.
nextlevelbuilder · Design & Creative · ★ 144960
taste-skill
13 Agent Skills meant to make AI-built interfaces look less generic.
Leonxlnx · Design & Creative · ★ 109725
open-design
A local-first design workspace where you and AI agents make prototypes, decks, and video.
nexu-io · Design & Creative · ★ 106528
impeccable
A design vocabulary for coding agents, with commands like polish, bolder, and critique.
pbakaus · Design & Creative · ★ 101919
archify
A single Agent Skill that renders architecture and workflow diagrams from plain-language descriptions.
tt-a1i · Design & Creative · ★ 93269
diagram-design
A single Agent Skill providing 39 editorial diagram templates for AI coding agents.
cathrynlavery · Design & Creative · ★ 64820