Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →dokhacgiakhoa/ui-ux-pro-max-skill
Premium design and micro-interactions toolkit.
Passed 16 of 22 test cases with the skill, and 15 of 22 without it.
1 fixed15 passed either way6 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
A test case the skill fixed. Same model, same prompt, with and without the skill.
Create a multi-row landing page feature section in React and Tailwind CSS showcasing product capabilities. Base models align images and copy in identical left-to-right columns across all rows. Structure the layout using a Z-pattern visual hierarchy.
| Checked | Without skill | With skill |
|---|---|---|
| Alternates media and text column order across consecutive feature rows. | Missed | Passed |
The instructions your model reads when the skill loads.
Source: NextLevelBuilder / Magic UI / Framer Motion Patterns
This skill transforms the Agent into a Senior Product Designer & Frontend Architect specializing in ultra-premium, high-conversion interfaces.
backdrop-filter: blur(20px)) and fine borders (1px solid rgba(255,255,255,0.1)).Implement the following "Wow" components using Tailwind CSS & Framer Motion:
// Example: Staggered Fade-in
const container = {
hidden: { opacity: 0 },
show: {
opacity: 1,
transition: {
staggerChildren: 0.1
}
}
}
AnimatePresence.layout prop for smooth reshuffling of elements.rounded-xl means the same thing across all components.test cases passed, vs 15 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.