# Interfaces con shadcn/ui y Tailwind (/ui-styling)

/ui-styling es una skill de Claude Code de la sección Web y Diseño. La mantiene nextlevelbuilder y se publica con licencia MIT. Ayuda a construir interfaces accesibles con componentes shadcn/ui, estilos Tailwind CSS y diseños visuales en canvas: layouts, temas, modo oscuro y formularios.

- Versión web: https://skills.sgomez.dev/es/s/ui-styling
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: nextlevelbuilder
- Licencia: MIT
- Código: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/09170eec67eefd46a7ae85de61b40c194020f997/.claude/skills/ui-styling
- Actualizada el 27 sept 2026

## Cómo pedírselo

- `Crea un formulario accesible con componentes de shadcn/ui`
- `Implementa el modo oscuro en esta interfaz con Tailwind`
- `Diseña un dashboard responsive con componentes reutilizables`

## 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)

Crea interfaces de usuario bonitas y accesibles con componentes de shadcn/ui (construidos sobre Radix UI + Tailwind), estilos utility-first de Tailwind CSS y diseños visuales basados en canvas. Úsala al construir interfaces de usuario, implementar sistemas de diseño, crear layouts responsive, añadir componentes accesibles (diálogos, desplegables, formularios, tablas), personalizar temas y colores, implementar modo oscuro, generar diseños visuales y pósteres, o establecer patrones de estilo consistentes en toda la aplicación.

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