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 |

React + TailwindCSS용 UI 디자인 패턴. 새로운 UI 구성요소 생성, 요소 스타일링, 다크 모드 지원 구현 또는 일관된 스타일이 필요한 React 구성요소 작업 시 사용하세요. 출처: cliangdev/specflux.

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/cliangdev/specflux --skill ui-patterns 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

원본 보기