Loading...
Loading...
Found 83 Skills
Use this skill when implementing animations, transitions, micro-interactions, or motion design in web applications. Triggers on CSS animations, Framer Motion, GSAP, keyframes, transitions, spring animations, scroll-driven animations, page transitions, loading states, and any task requiring motion or animation implementation.
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
View Transitions API theme toggle effects for smooth light/dark mode animations. Trigger: When implementing theme toggle with smooth transition animations using CSS masks and View Transitions API.
Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕
Use when users don't notice feedback, miss state changes, or can't tell if their action worked
CSS expert for flexbox, grid, animations, responsive design, and modern layout techniques
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.
Animated border beam/glow effect component for React applications
Pixel art + kinetic typography explainer frame, pure CSS loop, video recordable
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.