Install any skill in seconds. Free to start, no credit card required.
Get Started Free →lingxling/vibrant-maximalism
Web and App implementation guide for Vibrant Maximalism.
Passed 21 of 24 test cases with the skill, and 5 of 24 without it.
and 28 more in the full report
16 fixed5 passed either way3 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 16 test cases the skill fixed. Same model, same prompt, with and without the skill.
Write CSS styling for a web hero section headline text class `.max-headline`. The client draft requests a clean typography setup using `#FF0000` text with a single subtle blurred drop shadow `text-shadow: 0px 4px 10px rgba(0,0,0,0.3)`.
| Checked | Without skill | With skill |
|---|---|---|
| Includes multiple offset text-shadow definitions in text-shadow. | Missed | Passed |
| Sets the blur radius to 0px across text-shadow layers. | Missed | Passed |
The instructions your model reads when the skill loads.
"More is more. An explosion of color, pattern, and typography."
Use this sub-style when the user's request matches the aesthetic described above. This is a child reference of the design-it skill and is not meant to be triggered directly.
body {
/* Complex clashing background */
background:
radial-gradient(circle at 20% 30%, #FF00FF 0%, transparent 40%),
radial-gradient(circle at 80% 70%, #00FFFF 0%, transparent 40%),
url('checkerboard-pattern.png') repeat;
background-color: #FFFF00;
color: #000;
overflow-x: hidden;
}
.max-headline {
font-family: 'Anton', sans-serif;
font-size: 8rem;
text-transform: uppercase;
line-height: 0.8;
color: #FF0000;
/* Crazy shadow effect */
text-shadow:
test cases passed, vs 5 / 24 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.