tailwind-ui

用途：该技能面向使用 Tailwind CSS v4.1 进行样式与组件开发，强调无障碍与主题化。主要能力：提供 v4.1 关键变更与弃用工具类替换对照，如 bg-opacity-* 改用 bg-black/50、bg-gradient-* 改用 bg-linear-、shadow-sm 改用 shadow-xs、rounded 改用 rounded-sm、ring 改用 ring-3、outline-none 改用 outline-hidden、flex-shrink-/flex-grow-* 改用 shrink-/grow-，flex/grid 中 space-x-* 改用 gap-。常用模式包括 gap-4、bg-primary-500/60、text-base/7、min-h-dvh、size-12。参考文件按任务加载：references/v4-migration.md（v4.1 破坏性变更与升级）、references/accessibility.md（WCAG 2.1 AA 对比度、焦点、屏幕阅读器）、references/theming.md（@theme、CSS 变量、明暗模式）、references/components.md（按钮、表单、卡片、导航等无障碍组件）、references/app-conventions.md（列表与表单页设计令牌）。主题资产 assets/theme-starter.css 提供 primary/secondary/tertiary 色阶起点。核心原则：使用 Tailwind 尺度而非任意值（如 ml-4 而非 ml-[16px]）；不使用 @apply；flex/grid 用 gap- 而非 space-* 或子元素外边距；同时验证明暗两种模式；每个交互元素需有可见焦点状态与足够对比度。限制：资料未提供安装命令、版本依赖、平台或收费信息。