Loading...
Loading...
Found 66 Skills
Reusable CSS motion library for Animation Master. Use when Codex needs to add, copy, adapt, or package local `.t-*` CSS animation effects for element motion, UI transitions, text motion, number rolling, badges, menus, modals, page transitions, hover states, or one-click CSS snippets.
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.
Loopable CSS Animation Combinations: Rotating Ring, Globe, Timer, Parallax Labels
Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
Use when implementing Disney's 12 animation principles with React Spring's physics-based animations
Implement animations using the Motion library. Use when adding motion, transitions, gestures, scroll effects, or interactive animations to components. Triggered by implementation requests, not conceptual discussions.
Use when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).
Clone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress video with default parameters. Use when users ask for requests like "绘制个尺子进度条", "做个尺子进度动画", "渲染 ruler progress", or ask to export the default demo video from this project.
Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort
Use when implementing Disney's 12 animation principles with Anime.js library
Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects