Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →lingxling/skeuomorphism
Web and App implementation guide for Skeuomorphism.
Passed 17 of 22 test cases with the skill, and 13 of 22 without it.
and 4 more in the full report
5 fixed12 passed either way4 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.
In SwiftUI, a hardware button component needs press feedback. A developer suggests using a simple `.opacity(0.8)` modifier on press. Provide the SwiftUI implementation.
| Checked | Without skill | With skill |
|---|---|---|
| The code uses a gesture or state to scale down the button on press. | Missed | Passed |
| The code reduces shadow radius on press. | Missed | Passed |
The instructions your model reads when the skill loads.
"Digital interfaces that look and behave like their physical counterparts."
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.
.skeuo-button {
/* Brushed metal effect */
background: linear-gradient(180deg, #e0e0e0 0%, #a0a0a0 100%),
url('brushed-metal-texture.png');
background-blend-mode: overlay;
border: 1px solid #7a7a7a;
border-radius: 50%;
width: 80px;
height: 80px;
/* Bevel, inner highlight, and drop shadow */
box-shadow:
inset 0 2px 4px rgba(255,255,255,0.8), /* Top highlight */
inset 0 -2px 4px rgba(0,0,0,0.4), /* Bottom shading */
0 4px 6px rgba(0,0,0,0.5), /* Drop shadow */
0 1px 1px rgba(0,0,0,0.2);
}
test cases passed, vs 13 / 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.