tailwind-patterns
✓Tailwind CSS 유틸리티 패턴, 반응형 디자인 및 구성에 대한 빠른 참조입니다. 트리거 대상: tailwind, 유틸리티 클래스, 반응형 디자인, tailwind 구성, 다크 모드 CSS, tw 클래스.
SKILL.md
| sm: | 640px | | md: | 768px | | lg: | 1024px | | xl: | 1280px | | 2xl: | 1536px |
| hover: | Mouse hover | | focus: | Element focused | | active: | Being clicked | | disabled: | Disabled state | | group-hover: | Parent hovered |
| p-1 | 4px | | p-2 | 8px | | p-4 | 16px | | p-6 | 24px | | p-8 | 32px |
Tailwind CSS 유틸리티 패턴, 반응형 디자인 및 구성에 대한 빠른 참조입니다. 트리거 대상: tailwind, 유틸리티 클래스, 반응형 디자인, tailwind 구성, 다크 모드 CSS, tw 클래스. 출처: 0xdarkmatter/claude-mods.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/0xdarkmatter/claude-mods --skill tailwind-patterns- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
tailwind-patterns이란?
Tailwind CSS 유틸리티 패턴, 반응형 디자인 및 구성에 대한 빠른 참조입니다. 트리거 대상: tailwind, 유틸리티 클래스, 반응형 디자인, tailwind 구성, 다크 모드 CSS, tw 클래스. 출처: 0xdarkmatter/claude-mods.
tailwind-patterns 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/0xdarkmatter/claude-mods --skill tailwind-patterns 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/0xdarkmatter/claude-mods
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01