Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →lingxling/radix-ui-design-system
Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.
Passed 22 of 22 test cases with the skill, and 20 of 22 without it.
2 fixed20 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
This benchmark measured an earlier version of the skill.
One of 2 test cases the skill fixed. Same model, same prompt, with and without the skill.
Our team is developing a web application using Vue 3 and the Composition API. We want to implement accessible dialogs and dropdown menus using React unstyled primitive packages. How should we import and integrate these React primitives into our Vue 3 component templates? Please explain the recommended approach.
| Checked | Without skill | With skill |
|---|---|---|
| Explains that React primitive libraries require React hooks. | Missed | Passed |
| Recommends Vue-native accessible headless tools such as Headless UI for Vue. | Passed | Passed |
The instructions your model reads when the skill loads.
Build production-ready, accessible design systems using Radix UI primitives with full customization control and zero style opinions.
Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
import * as Dialog from '@radix-ui/react-dialog';
import { Command } from 'cmdk';
export function CommandPalette() {
const [open, setOpen] = useState(false);
useEffect(() => {
const down = (e: KeyboardEvent) => {
test cases passed, vs 20 / 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.