用途:为 Tailwind CSS v4 项目提供配置与样式编写策略,适用于在项目中初始化 Tailwind v4、用工具类编写组件样式、判断何时抽取自定义 CSS、以及避免样式漂移并保持一致性。
主要能力与规则:必须通过单一全局 CSS 入口导入 Tailwind,即 @import 'tailwindcss';,并确保该全局 CSS 从根布局导入。大多数样式优先在 className 中使用 Tailwind 工具类。避免大型自定义 CSS 文件,自定义 CSS 应保持真正全局(如重置、设计令牌)。除非必要,避免大量使用任意值,优先使用一致的令牌。若类字符串难以阅读,应抽取小型展示型组件,或抽取 components/<area>/... 包装组件,而不是编写大量自定义 CSS。
使用方式:技能包含多个规则文件,可分别阅读详细说明与代码示例:rules/tailwind-setup.md(Tailwind CSS v4 配置,单一全局 CSS 导入)、rules/tailwind-class-strategy.md(优先工具类,必要时抽取组件)、rules/tailwind-avoid-drift.md(避免样式漂移,自定义 CSS 保持全局,优先令牌)。每个规则文件包含原因说明、正确与错误代码示例以及补充最佳实践。另有 tailwind-css-ordering 规则,说明 CSS 顺序取决于导入顺序。
适用场景:Tailwind CSS v4 项目搭建、组件样式编写、样式策略决策与一致性维护。相关技能为 busirocket-react,涉及组件抽取模式。
限制:资料未提供具体安装命令、版本兼容范围、收费或平台信息,暂未提供。