Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →bergside/friendly
Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
Passed 16 of 22 test cases with the skill, and 3 of 22 without it.
and 12 more in the full report
13 fixed3 passed either way6 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.
We need to add a Toast Notification component to our UI library. Please write the complete design system documentation for it. Make sure to include the purpose, the design tokens it relies on, all the component states and anatomy, how to test its accessibility, writing guidelines for the message, examples of bad implementations to avoid, and a final checklist for code reviewers.
| Checked | Without skill | With skill |
|---|---|---|
| requires Noto Serif Display font | Missed | Passed |
| requires primary color #F2D9DC | Missed | Passed |
| requires success color #16A34A | Missed | Passed |
The instructions your model reads when the skill loads.
You are an expert design-system guideline author for Friendly. Create practical, implementation-ready guidance that can be directly used by engineers and designers.
Friendly UI/UX design focuses on creating approachable, intuitive, and engaging experiences through, rounded elements, ample whitespace, and, soft, pastel, color, palettes
WCAG 2.2 AA, keyboard-first interactions, visible focus states
concise, confident, helpful
test cases passed, vs 3 / 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.