Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →lingxling/flat-design
Web and App implementation guide for the Flat Design style.
Passed 21 of 24 test cases with the skill, and 6 of 24 without it.
and 17 more in the full report
15 fixed6 passed either way3 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 15 test cases the skill fixed. Same model, same prompt, with and without the skill.
We are creating a standard Material Design 3 elevated card component in Jetpack Compose. How should CardDefaults.cardElevation be specified for the card's resting elevation?
| Checked | Without skill | With skill |
|---|---|---|
| Jetpack Compose code sets defaultElevation in CardDefaults.cardElevation to a non-zero dp value. | Missed | Passed |
The instructions your model reads when the skill loads.
"Digital surfaces should look digital. Embrace the 2D plane."
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.
Roboto, Open Sans). Keep it medium to bold..flat-card {
background-color: var(--secondary-base);
border: 2px solid var(--primary-text);
border-radius: 0; /* Sharp corners preferred */
padding: 32px;
/* NO box-shadow */
}
.flat-btn {
background-color: var(--cta-highlight);
color: #fff;
border: none;
padding: 16px 32px;
font-weight: 700;
text-transform: uppercase;
transition: opacity 0.2s;
}
.flat-btn:hover {
opacity: 0.8; /* Only change opacity or solid color on hover, no lifting */
test cases passed, vs 6 / 24 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.