Skills
.Work. You
Rest

ark-ui

Official

Build accessible headless UI in React.

Design & Creative#state management#composition#asChild#@ark-ui/react#ark-ui#headless components#accessible UI
Authorhashintel
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Ark UI provides headless, accessible React primitives you can style and compose for precise UI patterns without opinionated markup.

Core Features & Use Cases

  • Root-pattern composition like Root and Track for building custom controls
  • Data attribute-driven styling and state cues
  • AsChild for rendering custom elements while preserving behavior
  • Hooks like useAccordion() for interactive components
  • Extensive component catalog (Form Inputs, Overlays, Layout, etc.)

Quick Start

Install and start using Ark UI with React by importing a component and rendering with your own markup.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ark-ui
Download link: https://github.com/hashintel/hash/archive/main.zip#ark-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.