Skills
.Work. You
Rest

tailwind-accessibility-wcag

Community

Accessible UI patterns with Tailwind.

Software Engineering#accessibility#wcag#tailwind#focus management#ui patterns
AuthorColten-Covington
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers build accessible user interfaces using Tailwind CSS, ensuring compliance with WCAG 2.2 AA standards and proper focus management.

Core Features & Use Cases

  • Accessible Styling: Provides guidance on using Tailwind classes for semantic HTML and ARIA attributes.
  • Focus Management: Ensures visible focus states and avoids common pitfalls like focus:outline-none without alternatives.
  • Use Case: When implementing a new navigation component, use this Skill to ensure it has proper keyboard navigation and visible focus indicators for all interactive elements.

Quick Start

Ask for guidance on implementing accessible focus styles for a button using Tailwind CSS.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tailwind-accessibility-wcag
Download link: https://github.com/Colten-Covington/Buzz-Stack/archive/main.zip#tailwind-accessibility-wcag

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.