tailwind-ui
✓Tailwind CSS v4.1 best practices with WCAG 2.1 AA accessibility, theming, and dark mode support. Use when working with HTML, CSS, styling components, accessibility (a11y), WCAG compliance, color contrast, focus states, screen readers, theming, light mode, dark mode, or building accessible UI patterns like buttons, forms, cards, and navigation. Complements the angular-best-practices skill for Angular frontends.
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 best practices with WCAG 2.1 AA accessibility, theming, and dark mode support. Use when working with HTML, CSS, styling components, accessibility (a11y), WCAG compliance, color contrast, focus states, screen readers, theming, light mode, dark mode, or building accessible UI patterns like buttons, forms, cards, and navigation. Complements the angular-best-practices skill for Angular frontends. Source: boise-state-development/agentcore-public-stack.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/boise-state-development/agentcore-public-stack --skill tailwind-ui- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is tailwind-ui?
Tailwind CSS v4.1 best practices with WCAG 2.1 AA accessibility, theming, and dark mode support. Use when working with HTML, CSS, styling components, accessibility (a11y), WCAG compliance, color contrast, focus states, screen readers, theming, light mode, dark mode, or building accessible UI patterns like buttons, forms, cards, and navigation. Complements the angular-best-practices skill for Angular frontends. Source: boise-state-development/agentcore-public-stack.
How do I install tailwind-ui?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/boise-state-development/agentcore-public-stack --skill tailwind-ui Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/boise-state-development/agentcore-public-stack
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01