ui-design-system
✓React sistemas de componentes UI con TailwindCSS + Radix + shadcn/ui. Pila: TailwindCSS (estilo), Radix UI (primitivas), shadcn/ui (componentes), React/Next.js. Capacidades: arquitectura del sistema de diseño, componentes accesibles, diseños responsivos, tematización, modo oscuro, composición de componentes. Acciones: revisar, diseñar, construir, mejorar, refactorizar componentes de la interfaz de usuario. Palabras clave: TailwindCSS, Radix UI, shadcn/ui, sistema de diseño, biblioteca de componentes, accesibilidad, ARIA, responsivo, modo oscuro, tematización, variables CSS, arquitectura de componentes, diseño atómico, tokens de diseño, variante, slot, composición. Úselo cuando: crear bibliotecas de componentes, implementar shadcn/ui, crear interfaces de usuario accesibles, configurar sistemas de diseño, agregar modo oscuro/temática, revisar la arquitectura de componentes de la interfaz de usuario.
Instalación
SKILL.md
Comprehensive UI/UX design, review, and improvement for modern web applications.
Production-ready implementations with TailwindCSS + Radix UI + shadcn/ui and modern React patterns.
Key Principle: Each layer enhances the one below. Start with Tailwind for styling, add Radix for accessible behavior, use shadcn/ui for complete components.
React sistemas de componentes UI con TailwindCSS + Radix + shadcn/ui. Pila: TailwindCSS (estilo), Radix UI (primitivas), shadcn/ui (componentes), React/Next.js. Capacidades: arquitectura del sistema de diseño, componentes accesibles, diseños responsivos, tematización, modo oscuro, composición de componentes. Acciones: revisar, diseñar, construir, mejorar, refactorizar componentes de la interfaz de usuario. Palabras clave: TailwindCSS, Radix UI, shadcn/ui, sistema de diseño, biblioteca de componentes, accesibilidad, ARIA, responsivo, modo oscuro, tematización, variables CSS, arquitectura de componentes, diseño atómico, tokens de diseño, variante, slot, composición. Úselo cuando: crear bibliotecas de componentes, implementar shadcn/ui, crear interfaces de usuario accesibles, configurar sistemas de diseño, agregar modo oscuro/temática, revisar la arquitectura de componentes de la interfaz de usuario. Fuente: samhvw8/dot-claude.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/samhvw8/dot-claude --skill ui-design-system- Fuente
- samhvw8/dot-claude
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es ui-design-system?
React sistemas de componentes UI con TailwindCSS + Radix + shadcn/ui. Pila: TailwindCSS (estilo), Radix UI (primitivas), shadcn/ui (componentes), React/Next.js. Capacidades: arquitectura del sistema de diseño, componentes accesibles, diseños responsivos, tematización, modo oscuro, composición de componentes. Acciones: revisar, diseñar, construir, mejorar, refactorizar componentes de la interfaz de usuario. Palabras clave: TailwindCSS, Radix UI, shadcn/ui, sistema de diseño, biblioteca de componentes, accesibilidad, ARIA, responsivo, modo oscuro, tematización, variables CSS, arquitectura de componentes, diseño atómico, tokens de diseño, variante, slot, composición. Úselo cuando: crear bibliotecas de componentes, implementar shadcn/ui, crear interfaces de usuario accesibles, configurar sistemas de diseño, agregar modo oscuro/temática, revisar la arquitectura de componentes de la interfaz de usuario. Fuente: samhvw8/dot-claude.
¿Cómo instalo ui-design-system?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/samhvw8/dot-claude --skill ui-design-system Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/samhvw8/dot-claude
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01