이 기술은 사용자가 'Tailwind로 스타일 지정', 'Tailwind 클래스 추가', 'Tailwind 스타일 수정', 'tailwind-variants 사용', 'tw-animate-css로 애니메이션 추가', 'Tailwind v4 구성', 'Tailwind v4로 마이그레이션'을 요청하거나 Tailwind 유틸리티, CSS 클래스, 반응형 디자인, 다크 모드, 그라데이션, 디자인 토큰 또는 CSS 모듈을 언급할 때 사용해야 합니다.
명령줄에서 tailwind-css AI 스킬을 개발 환경에 빠르게 설치
출처: paulrberg/agent-skills.
Expert guidance for Tailwind CSS v4, CSS-first configuration, modern utility patterns, and type-safe component styling with tailwind-variants.
Tailwind CSS v4 eliminates tailwind.config.ts in favor of CSS-only configuration. All configuration lives in CSS files using special directives.
All theme tokens defined with @theme automatically become available as utility classes. For example, --color-brand can be used as bg-brand, text-brand, border-brand, etc.
이 기술은 사용자가 'Tailwind로 스타일 지정', 'Tailwind 클래스 추가', 'Tailwind 스타일 수정', 'tailwind-variants 사용', 'tw-animate-css로 애니메이션 추가', 'Tailwind v4 구성', 'Tailwind v4로 마이그레이션'을 요청하거나 Tailwind 유틸리티, CSS 클래스, 반응형 디자인, 다크 모드, 그라데이션, 디자인 토큰 또는 CSS 모듈을 언급할 때 사용해야 합니다. 출처: paulrberg/agent-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/paulrberg/agent-skills --skill tailwind-css이 기술은 사용자가 'Tailwind로 스타일 지정', 'Tailwind 클래스 추가', 'Tailwind 스타일 수정', 'tailwind-variants 사용', 'tw-animate-css로 애니메이션 추가', 'Tailwind v4 구성', 'Tailwind v4로 마이그레이션'을 요청하거나 Tailwind 유틸리티, CSS 클래스, 반응형 디자인, 다크 모드, 그라데이션, 디자인 토큰 또는 CSS 모듈을 언급할 때 사용해야 합니다. 출처: paulrberg/agent-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/paulrberg/agent-skills --skill tailwind-css 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/paulrberg/agent-skills