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 design patterns for React + TailwindCSS. Use when creating new UI components, styling elements, implementing dark mode support, or working on any React component that needs consistent styling. Source: cliangdev/specflux.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/cliangdev/specflux --skill ui-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw