Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.
Passed 21 of 23 test cases with the skill, and 19 of 23 without it.
3 fixed19 passed either way1 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 3 test cases the skill fixed. Same model, same prompt, with and without the skill.
Which primitive component provides native-like keyboard navigation (typeahead, arrow keys, escape) and accessible option lists for custom styled selection dropdowns?
| Checked | Without skill | With skill |
|---|---|---|
| Uses @radix-ui/react-select primitive. | Missed | Passed |
The instructions your model reads when the skill loads.
Curated from Google Labs (Stitch).
Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.
design-systemsThis catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills
Then ask the agent to invoke this skill by name (shadcn-ui) or with
one of the trigger phrases listed in this skill's frontmatter.
test cases passed, vs 19 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.