# Componentes de interfaz accesibles (/building-components)

/building-components es una skill de Claude Code de la sección Web y Diseño. La mantiene Hainrixz y se publica con licencia MIT. Guía para construir componentes de interfaz accesibles y componibles: API, estado, design tokens, estilos, publicación en npm o registro y documentación.

- Versión web: https://skills.sgomez.dev/es/s/building-components
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: Hainrixz
- Licencia: MIT
- Código: https://github.com/Hainrixz/claude-webkit/tree/1bd88c31e1ce8d1a5f5e4d9b0ae264176bf2507e/.claude/skills/building-components
- Actualizada el 21 ago 2026

## Cómo pedírselo

- `Ayúdame a construir un componente de UI accesible y reutilizable en React`
- `Quiero configurar design tokens y publicar mis componentes en npm`
- `Necesito escribir documentación clara para mi librería de componentes`

## Instalar

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
```


## Descripción del autor (traducida)

Guía para construir componentes de UI modernos, accesibles y componibles. Úsala cuando construyas componentes nuevos, implementes accesibilidad, crees APIs componibles, configures design tokens, publiques a npm/registry, o escribas documentación de componentes.

- [Cómo revisamos esto](https://skills.sgomez.dev/es/methodology.md)