ui-patterns

SKILL.md

All UI components MUST support dark mode using Tailwind's class strategy.

| gap-1.5 | Icon + text in badges | | gap-2 | Button groups | | gap-3 | Form fields | | gap-4 | Section spacing | | gap-6 | Major section spacing | | p-4 | Card padding | | p-6 | Modal/panel padding |

Patrones de diseño de UI para React + TailwindCSS. Úselo al crear nuevos componentes de interfaz de usuario, diseñar elementos, implementar compatibilidad con el modo oscuro o trabajar en cualquier componente de React que necesite un estilo consistente. Fuente: cliangdev/specflux.

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/cliangdev/specflux --skill ui-patterns 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

Ver original