Loading...
Loading...
Found 354 Skills
Use when implementing Disney's 12 animation principles in Adobe After Effects
Professional UI/UX design expertise for React applications. Covers design thinking, user psychology (Hick's/Fitts's/Jakob's Law), visual hierarchy, interaction patterns, accessibility, performance-driven design, and design critique. Use when designing features, improving UX, solving user problems, or conducting design reviews.
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
Create award-winning websites and applications with design and typography rated 10/10. Use this skill when building premium digital experiences that match the quality of elite agencies like Locomotive, Studio Freight, AREA 17, Active Theory, Hello Monday, Dogstudio, Tonik, Instrument, Resn, and Awwwards winners. Triggers include premium design, award-winning, agency-level, Awwwards quality, exceptional typography, immersive experience, 10/10 design, portfolio site, brand website, creative agency style, top-tier web design, or when building sites for luxury brands, tech companies, cultural institutions, or startups requiring exceptional visual craft.
Guidelines and principles for creating premium, high-end web designs.
Use when animation feels wrong, creates unintended emotional response, or mismatches context
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Use when designing animations for any industry or when industry-specific guidelines do not apply
Kitchen Sink design system workflow for any frontend stack — Next.js, Hugo, Astro, SvelteKit, Nuxt, or plain HTML. Use when asked for a Kitchen Sink page, Design System, UI Audit, Style Guide, or Component Inventory, or when a project needs a component inventory plus component creation and a sink page implementation.
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
Premium design and micro-interactions toolkit.