Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →hashintel/ark-ui
Headless component library for React.
Passed 25 of 25 test cases with the skill, and 23 of 25 without it.
2 fixed23 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 2 test cases the skill fixed. Same model, same prompt, with and without the skill.
How can an inline child element access internal component state (such as whether a collapsible panel is currently open) directly inside the JSX render tree of an Ark UI component without creating a separate wrapper component? Should we wrap the component in a custom React Context Provider?
| Checked | Without skill | With skill |
|---|---|---|
| Specifies using Component.Context with a render prop function. | Missed | Passed |
The instructions your model reads when the skill loads.
Headless component library providing accessible, unstyled React primitives for building custom UI components with full control over styling and behavior.
Slider.Root, Slider.Track, etc.[data-scope="slider"][data-part="track"][data-state="open"], [data-state="checked"]asChild to render as custom element while keeping behaviorComponent.Context with render propsuseAccordion()| Topic | URL |
|---|---|
| Getting Started | https://ark-ui.com/react/docs/overview/getting-started |
| Styling (data attributes) | https://ark-ui.com/react/docs/guides/styling |
| Composition (asChild) | https://ark-ui.com/react/docs/guides/composition |
| Component State | https://ark-ui.com/react/docs/guides/component-state |
| Animation | https://ark-ui.com/react/docs/guides/animation |
| Forms Integration | https://ark-ui.com/react/docs/guides/forms |
| Refs | https://ark-ui.com/react/docs/guides/ref |
| Closed Components | https://ark-ui.com/react/docs/guides/closed-components |
test cases passed, vs 23 / 25 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.