Skills
.Work. You
Rest

headless-ui

Community

Build accessible React/Vue UI components.

Software Engineering#ui#accessibility#react#components#vue#headless ui
Authormgd34msu
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers build highly accessible, unstyled UI components for React and Vue applications, allowing for complete design freedom while ensuring a great user experience for everyone.

Core Features & Use Cases

  • Accessible Primitives: Provides foundational components like Menus, Dialogs, Listboxes, Comboboxes, Switches, and Tabs with built-in accessibility.
  • Unstyled & Customizable: Components are unstyled by default, enabling seamless integration with any design system (e.g., Tailwind CSS).
  • Use Case: Quickly implement a custom dropdown menu or a modal dialog in your React application that is fully keyboard-navigable and screen-reader friendly, without the hassle of managing ARIA attributes manually.

Quick Start

Use the headless-ui skill to create a custom dropdown menu for your React application.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: headless-ui
Download link: https://github.com/mgd34msu/goodvibes-gemini/archive/main.zip#headless-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 223,000+ vetted skills library on demand.