Loading...
Loading...
Found 84 Skills
Use when animating form fields, inputs, textareas, selects, or interactive form elements to improve usability and feedback
数字故障 / 像散偏移 / 数据腐败标题, 适合视频转场 / cyberpunk hero
Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.
Animated border beam/glow effect component for React applications
Teaches AI to design landing pages that feel like $150k agency work. Defines exact fonts, spacing, shadows, card structures, animations, and Korean typography standards that make Supanova-generated pages feel expensive and intentional. Blocks all common defaults that make AI designs look cheap or generic.
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.
Use when users don't notice feedback, miss state changes, or can't tell if their action worked
Use when elements need to leave the screen - closing modals, dismissing notifications, removing items, page transitions out, or any "leaving view" animation.
Loopable CSS Animation Combinations: Rotating Ring, Globe, Timer, Parallax Labels
Use when creating animations that entertain, engage with humor, or create lighthearted interactive experiences.
Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.