Tailwind CSS 유틸리티 클래스와 shadcn/ui 패턴을 사용하여 UI를 만듭니다. OKLCH 색상이 포함된 CSS 변수, CVA가 포함된 구성 요소 변형, 반응형 디자인, 다크 모드 및 Tailwind v4.2 기능을 다룹니다. Radix UI 및 Base UI 기본 요소, CLI 3.0 및 시각적 스타일을 지원합니다. Tailwind로 인터페이스를 구축하거나, shadcn/ui 구성요소 스타일을 지정하거나, 테마를 구현하거나, 유틸리티 우선 CSS로 작업할 때 사용하세요.
명령줄에서 styling-with-tailwind AI 스킬을 개발 환경에 빠르게 설치
출처: tenequm/claude-plugins.
Build accessible UIs using Tailwind CSS v4 utility classes and shadcn/ui component patterns. Tailwind v4 uses CSS-first configuration only - never create or modify tailwind.config.js/tailwind.config.ts. Supports Radix UI (default) or Base UI as primitive libraries.
Tailwind v4 configures everything in CSS. Migrate any JS/TS config:
Always pair bg- with text--foreground. Extend with success/warning/info in theming.md.
Tailwind CSS 유틸리티 클래스와 shadcn/ui 패턴을 사용하여 UI를 만듭니다. OKLCH 색상이 포함된 CSS 변수, CVA가 포함된 구성 요소 변형, 반응형 디자인, 다크 모드 및 Tailwind v4.2 기능을 다룹니다. Radix UI 및 Base UI 기본 요소, CLI 3.0 및 시각적 스타일을 지원합니다. Tailwind로 인터페이스를 구축하거나, shadcn/ui 구성요소 스타일을 지정하거나, 테마를 구현하거나, 유틸리티 우선 CSS로 작업할 때 사용하세요. 출처: tenequm/claude-plugins.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwindTailwind CSS 유틸리티 클래스와 shadcn/ui 패턴을 사용하여 UI를 만듭니다. OKLCH 색상이 포함된 CSS 변수, CVA가 포함된 구성 요소 변형, 반응형 디자인, 다크 모드 및 Tailwind v4.2 기능을 다룹니다. Radix UI 및 Base UI 기본 요소, CLI 3.0 및 시각적 스타일을 지원합니다. Tailwind로 인터페이스를 구축하거나, shadcn/ui 구성요소 스타일을 지정하거나, 테마를 구현하거나, 유틸리티 우선 CSS로 작업할 때 사용하세요. 출처: tenequm/claude-plugins.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/tenequm/claude-plugins