Loading...
Loading...
Found 825 Skills
Motion design and animation for user interfaces. Use when creating micro-interactions, page transitions, loading states, or any UI animation across web and mobile platforms.
Apply Hyva UI template-based components to a Hyvä theme. This skill should be used when the user wants to add, install, or apply a Hyva UI component (such as header, footer, gallery, menu, minicart, etc.) to their Hyvä theme. It lists available non-CMS components and their variants, displays component README instructions, and copies component files to the theme directory.
Figma-driven Next.js development skill. Automatically triggered when users mention 'based on Figma', 'follow the design draft', provide Figma links or MCP data.
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
Guides creation of a new Tambo project from scratch with technology recommendations. Use when user wants to start a NEW project, build a new app with Tambo, create something from nothing, or needs help choosing technologies for a new generative UI application. For adding Tambo to EXISTING projects, use add-to-existing-project skill instead.
Sass (indented syntax) best practices and coding guidelines for clean, maintainable stylesheets
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Guide on UI/UX guidelines, accessibility, and component usage for Epic Stack
Mobile-first responsive design covering fluid layouts, media queries, flexbox, grid, viewport units, and responsive images
Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic.
Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.