tailwindcss-v4

SKILL.md

| @theme | Define design tokens (colors, spacing, fonts) | | @utility | Create custom utility classes | | @variant | Define custom variants (hover, focus, etc.) | | @source | Control class detection and safelisting | | @reference | Import for @apply without emitting CSS |

| @tailwind base/components/utilities | @import "tailwindcss" | | tailwind.config.js theme.extend | @theme { --color- } | | PostCSS tailwindcss plugin | @tailwindcss/postcss | | @apply with config values | @reference import first |

Tailwind CSS v4 패턴: CSS 우선 구성, @theme/@utility/@variant 지시어, v3에서 마이그레이션. Tailwind v4 프로젝트 작업 시 사용합니다. 출처: tlq5l/tailwindcss-v4-skill.

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

원본 보기