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 |

Modèles de conception d'interface utilisateur pour React + TailwindCSS. À utiliser lors de la création de nouveaux composants d'interface utilisateur, de style d'éléments, de la mise en œuvre de la prise en charge du mode sombre ou du travail sur tout composant React nécessitant un style cohérent. Source : cliangdev/specflux.

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/cliangdev/specflux --skill ui-patterns Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Voir l'original