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 |

UI-Designmuster für React + TailwindCSS. Verwenden Sie diese Option, wenn Sie neue UI-Komponenten erstellen, Elemente gestalten, die Unterstützung für den Dunkelmodus implementieren oder an einer React-Komponente arbeiten, die ein einheitliches Design erfordert. Quelle: cliangdev/specflux.

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/cliangdev/specflux --skill ui-patterns Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Original anzeigen