Skills
.Work. You
Rest

headlessui

Community

Accessible, unstyled UI components.

Design & Creative#accessibility#react#vue#tailwind css#unstyled components#ui primitives#headlessui
Authorbobmatnyc
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides developers with a robust set of unstyled, accessible UI components that can be easily integrated into custom design systems, saving significant development time and ensuring high standards of accessibility.

Core Features & Use Cases

  • Component Library: Offers pre-built, accessible primitives like Menus, Dialogs, Comboboxes, Tabs, and more.
  • Unstyled & Accessible: Components are fully unstyled, allowing complete design freedom, while ensuring full keyboard navigation and ARIA compliance.
  • Use Case: Building a custom design system for a React application where accessibility is paramount and a unique visual style is required, integrating seamlessly with Tailwind CSS.

Quick Start

Use the headlessui skill to create a React Menu component with edit and delete options.

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: headlessui
Download link: https://github.com/bobmatnyc/claude-mpm-skills/archive/main.zip#headlessui

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 223,000+ vetted skills library on demand.