Tailwind CSS
Tailwind CSS 工具类框架
Tailwind CSS 是工具类优先的 CSS 框架。HTML 中的小型 Class 会应用共享设计值和变体。
另一个例子
团队用共享 Token 设置响应式间距和焦点状态。相同模式重复时，再抽出组件。
主要部分
- 01被测代码或行为
- 02可观察证据
- 03覆盖、失败与恢复
什么时候用
工具 Class 符合团队规则，而且构建能找到所有 Class 来源时使用。
什么时候不要用
避免到处使用任意值，也别动态拼出无法检测的 Class。重复 HTML 可能需要组件。
代码里的名称
utility classes + variants + theme tokens 上线前要检查
检查程序运行环境与版本、集成边界、依赖与许可，以及支持的平台。验证安全、失败处理、性能与监控。也要检查部署、支持负责人、升级路径与恢复上一版的方法。
预期结果：把 Tailwind CSS 工具类框架 (Tailwind CSS) 当作团队能维护的技术基础，并检查它是否符合产品需求。 用户场景：团队用共享 Token 设置响应式间距和焦点状态。相同模式重复时，再抽出组件。 技术或工程概念：Tailwind CSS 工具类框架 (Tailwind CSS)。 适用理由：工具 Class 符合团队规则，而且构建能找到所有 Class 来源时使用。 不应使用的情况：避免到处使用任意值，也别动态拼出无法检测的 Class。重复 HTML 可能需要组件。 工程适配：定义程序运行环境与版本。说明它负责什么、接口、数据流、依赖、支持平台、安全与性能限制，以及如何接入现有技术组合。 生命周期防护：检查依赖是否健康、许可是否可用。加入监控与安全备用做法，并指定升级负责人。没有可衡量的好处时，不要再加入功能重复的框架或工具。 验收标准：用最小集成证明必要行为。测试兼容性、安全性、失败与性能。记录部署、升级、支持与恢复上一版的方法。 证据与限制（证据边界）：它只代表该来源的官方说法。其他平台或团队可能有不同用法。 待确认：现有技术组合、运行环境、版本规则、目标平台和依赖负责人。也要确认性能预算、支持期限与迁移限制。
检查这份需求
请 AI 编程助手检查当前如何使用 Tailwind CSS 工具类框架 (Tailwind CSS)。 定义：Tailwind CSS 是工具类优先的 CSS 框架。HTML 中的小型 Class 会应用共享设计值和变体。 生产环境检查：检查程序运行环境与版本、集成边界、依赖与许可，以及支持的平台。验证安全、失败处理、性能与监控。也要检查部署、支持负责人、升级路径与恢复上一版的方法。 修改程序前，先列出看到的证据、缺口、严重程度，以及最小且安全的修正。