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.
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 pedírselo
Crea un formulario accesible con componentes de shadcn/uiImplementa el modo oscuro en esta interfaz con TailwindDiseña un dashboard responsive con componentes reutilizables
Instalar
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bashTras instalar con el script, escribe /ui-styling. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma
Demo en camino