用途：该技能面向使用 Tailwind CSS v4 搭配 shadcn/ui 的前端开发场景，提供安装配置、组件模式、暗色模式与故障排查的参考。
主要能力：包含安装快速开始、四步 CSS 架构、关键规则、常见错误对照表、组件模式示例，以及 setup、common-errors、patterns、dark-mode、migration 等参考文件与模板。
使用方式：安装命令为 pnpm add tailwindcss @tailwindcss/vite、pnpm add -D @types/node tw-animate-css、pnpm dlx shadcn@latest init，并执行 rm tailwind.config.ts。使用 @tailwindcss/vite 插件而非 PostCSS，在 components.json 中设置 "config": ""。四步 CSS 架构为：在 :root 定义带 hsl() 包裹的 CSS 变量；用 @theme inline 映射变量到工具类；在 @layer base 应用基础样式；最终实现 bg-background 自动切换暗色模式。
适用场景：搭建 Tailwind v4 项目、构建 UI 组件、处理暗色模式、排查 v4 常见错误及从 v3 迁移。
限制：资料未提供收费、价格、平台支持范围与效果保证等信息；具体错误细节需查阅对应参考文件。