tailwind-css

Tailwind CSS

遵循已安装的 Tailwind 版本以及代码库中的设计令牌、组件、类名合并工具、CSS 入口文件和相邻 UI。它们优先于本技能。未经请求且无本地需要时，不要添加软件包、更改集成方式或迁移版本。

路由

• 仅在项目未明确规定时，才应用编码偏好。
• 对于 v4 配置、迁移、指令或生成的类，请使用 v4 规则和相应的官方文档。
• 仅当本地已存在相应集成或请求要求添加时，才阅读 tailwind-variants、tw-animate-css 或 ESLint。

不要将 v4 语法用于较旧的安装版本。保留响应式、交互、无障碍和深色模式行为。不要超出请求范围重新设计。

完成

明确预期的视觉和状态变化。沿用本地惯例。确保类名可静态发现。

如果更改了源注册信息或生成的映射，请运行实际的 Tailwind 构建，并确认预期的实用类。运行代码库要求的检查；对于小型样式改动，在一个代表性视口检查更改后的状态。如果响应式规则或共享样式有变化，则扩大检查范围，覆盖窄屏和宽屏视口、主题及交互。当标记由 JavaScript 或组件库转换时，也要检查最终 DOM。仅检查文本形式的类名是不够的。只有后续编辑影响了现有证据时，才重复检查。

完成时使用 ### 🎨 Tailwind — ✅ styling updated（或 ### 🎨 Tailwind — 🔎 inspected, no files written），并提供代码检查和渲染检查的证据。检查一个状态时使用文字说明，检查多个状态时使用简洁表格。仅在必要时添加 ### ⚠️ Remaining。源 UI 文案和诊断信息不要添加装饰。