Loading...
Loading...
Found 47 Skills
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Fix animation performance issues.
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
Use when animation doesn't work as expected, has bugs, or behaves inconsistently
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.