Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects, or any motion work. Works with CSS, Framer Motion, GSAP, Lottie, Spring, or any animation system.
npx skills add https://github.com/lottiefiles/motion-design-skill/tree/main/skills/motion-designApplies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects, or any motion work. Works with CSS, Framer Motion, GSAP, Lottie, Spring, or any animation system.
One prompt → finished 5-minute course video for both Bilibili (16:9) and Xiaohongshu (9:16). An agent skill that handles script → TTS → animated visuals → subtitles → covers, end-to-end.
🔊 echook — AI-operated audio notifications for Claude Code, Cursor IDE & Codex CLI — 26 hooks, voice + chime themes, TTS, webhooks, rate-limit alerts, status line. Tell your AI agent to install — natural language forever after.
Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lottiefiles/dotlottie-web players, registering instances on window.__hfLottie, or making After Effects exports deterministic in HyperFrames.
The Magic Pill for Shipping Professional Project Showcases
Close the agentic coding loop for web animation. Give your coding agent the ability to scroll your page while recording, analyze frame-by-frame, and optimize animations through natural language.
男生版 dating coach skill —— 读懂你和她、起草高张力不掉价的回复、给约会节奏与行动建议;有分寸、不 PUA、不舔。支持 Claude Code 与 OpenAI agent。