tailwind-design-system-zh:tailwind-design-system

时间:2026-07-25 09:15:01 来源:互联网

Tailwind Design System

使用Tailwind CSS构建生产级设计系统,包括设计令牌、组件变体、响应式模式和可访问性。

何时使用此技能

  • 使用Tailwind创建组件库
  • 实现设计令牌和主题系统
  • 构建响应式和可访问的组件
  • 跨代码库标准化UI模式
  • 迁移到或扩展Tailwind CSS
  • 设置暗黑模式和配色方案

何时不使用此技能

  • 任务与Tailwind设计系统无关时
  • 你需要此范围以外的不同领域或工具时

使用说明

  • 明确目标、约束和必要输入。
  • 应用相关最佳实践并验证结果。
  • 提供可操作的步骤和验证方法。
  • 如需详细示例,请打开 resources/implementation-playbook.md

资源

  • resources/implementation-playbook.md 提供详细模式和示例。