Skills 导航

Tailwind CSS v4 with CSS-first configuration and design tokens. Use when setting up Tailwind v4, defining theme variables, using OKLCH colors, or configuring dark mode. Triggers on @theme, @tailwindcss/vite, oklch, CSS variables, --color-, tailwind v4.

汇总 Tailwind CSS 实战模式，覆盖响应式布局、Flex/Grid、间距排版配色、暗色主题与设计系统配置，适合在 React/Vue/Svelte 组件开发中快速搭建现代 UI。

围绕 Tailwind CSS 与 shadcn/ui 搭建设计系统，统一定义 design tokens、CSS 变量主题与组件封装规范，适合从零初始化、多主题配置和一致性组件库建设。