# Building accessible UI components (/building-components)

/building-components is a Claude Code skill in the Web & Design section. It is maintained by Hainrixz and published under the MIT license. A guide to building accessible, composable UI components: APIs, state, design tokens, styling, publishing to npm or a registry, and documentation.

- Web version: https://skills.sgomez.dev/en/s/building-components
- Section: [Web & Design](https://skills.sgomez.dev/en/web.md)
- Author: Hainrixz
- License: MIT
- Source: https://github.com/Hainrixz/claude-webkit/tree/1bd88c31e1ce8d1a5f5e4d9b0ae264176bf2507e/.claude/skills/building-components
- Updated 21 Aug 2026

## How to ask for it

- `Help me build an accessible, reusable UI component in React`
- `I want to set up design tokens and publish my components to npm`
- `Write clear documentation for my component library`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Author's description

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.

- [How we review this](https://skills.sgomez.dev/en/methodology.md)