使用 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-tailwind使用 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。
打开你的终端或命令行工具（如 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