tailwind-ui
✓Tailwind CSS v4.1 最佳实践,具有 WCAG 2.1 AA 可访问性、主题和暗模式支持。在处理 HTML、CSS、样式组件、辅助功能 (a11y)、WCAG 合规性、颜色对比度、焦点状态、屏幕阅读器、主题、浅色模式、深色模式或构建可访问的 UI 模式(如按钮、表单、卡片和导航)时使用。补充了 Angular 前端的角度最佳实践技能。
SKILL.md
Tailwind CSS v4.1 development with accessibility and theming baked in.
| bg-opacity- | bg-black/50 (opacity modifier) | | bg-gradient- | bg-linear- | | shadow-sm | shadow-xs | | shadow | shadow-sm | | rounded-sm | rounded-xs | | rounded | rounded-sm | | ring | ring-3 | | outline-none | outline-hidden | | leading- | Use text-base/7 line-height modifiers | | flex-shrink- / flex-grow- | shrink- / grow- |
Tailwind CSS v4.1 最佳实践,具有 WCAG 2.1 AA 可访问性、主题和暗模式支持。在处理 HTML、CSS、样式组件、辅助功能 (a11y)、WCAG 合规性、颜色对比度、焦点状态、屏幕阅读器、主题、浅色模式、深色模式或构建可访问的 UI 模式(如按钮、表单、卡片和导航)时使用。补充了 Angular 前端的角度最佳实践技能。 来源:boise-state-development/agentcore-public-stack。
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/boise-state-development/agentcore-public-stack --skill tailwind-ui 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/boise-state-development/agentcore-public-stack --skill tailwind-ui- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 tailwind-ui?
Tailwind CSS v4.1 最佳实践,具有 WCAG 2.1 AA 可访问性、主题和暗模式支持。在处理 HTML、CSS、样式组件、辅助功能 (a11y)、WCAG 合规性、颜色对比度、焦点状态、屏幕阅读器、主题、浅色模式、深色模式或构建可访问的 UI 模式(如按钮、表单、卡片和导航)时使用。补充了 Angular 前端的角度最佳实践技能。 来源:boise-state-development/agentcore-public-stack。
如何安装 tailwind-ui?
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/boise-state-development/agentcore-public-stack --skill tailwind-ui 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪?
https://github.com/boise-state-development/agentcore-public-stack