tailwind-v4
✓CSS 우선 구성 및 디자인 토큰을 갖춘 Tailwind CSS v4. Tailwind v4 설정, 테마 변수 정의, OKLCH 색상 사용 또는 다크 모드 구성 시 사용합니다. @theme, @tailwindcss/vite, oklch, CSS 변수, --color-, tailwind v4에서 트리거됩니다.
SKILL.md
| Configuration | tailwind.config.js | @theme in CSS | | Build Tool | PostCSS plugin | @tailwindcss/vite | | Colors | rgb() / hsl() | oklch() (default) | | Theme Extension | extend: {} in JS | CSS variables | | Dark Mode | darkMode config option | CSS variants |
default (standard mode) Generates CSS variables that can be referenced elsewhere:
Note: You can also use @theme default explicitly to mark theme values that can be overridden by non-default @theme declarations.
CSS 우선 구성 및 디자인 토큰을 갖춘 Tailwind CSS v4. Tailwind v4 설정, 테마 변수 정의, OKLCH 색상 사용 또는 다크 모드 구성 시 사용합니다. @theme, @tailwindcss/vite, oklch, CSS 변수, --color-, tailwind v4에서 트리거됩니다. 출처: existential-birds/beagle.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/existential-birds/beagle --skill tailwind-v4- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
tailwind-v4이란?
CSS 우선 구성 및 디자인 토큰을 갖춘 Tailwind CSS v4. Tailwind v4 설정, 테마 변수 정의, OKLCH 색상 사용 또는 다크 모드 구성 시 사용합니다. @theme, @tailwindcss/vite, oklch, CSS 변수, --color-, tailwind v4에서 트리거됩니다. 출처: existential-birds/beagle.
tailwind-v4 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/existential-birds/beagle --skill tailwind-v4 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/existential-birds/beagle
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01