用途:围绕 Tailwind CSS(v3+)提供集中指导,包括安装配置、实用类使用、组件抽取与生产构建优化。
主要能力:setup/configuration/utilities/components/plugins/optimization 六类主题;tailwind.config.js 自定义(content 路径、theme.extend 颜色/间距/字体、插件);实用类模式(Flexbox、Grid、响应式前缀 sm/md/lg/xl/2xl、hover/focus/dark 状态变体);@apply 组件抽取;任意值语法如 top-[117px]、bg-[#1da1f2];内容清理、JIT 与生产构建(postcss.config.js 中按 NODE_ENV 启用 cssnano)。
使用方式:调用 Skill("css-tailwind"),参数 topic 必填(setup、configuration、utilities、components、plugins、optimization),framework 可选(nextjs、vite、react、vue、vanilla),include_examples 默认 true。依赖 css-fundamentals,关联 05-css-preprocessors。
限制:资料未提供具体价格、平台与效果数据;框架集成细节需以实际项目文档为准。