building-components-core
CommunityBuild accessible UI components.
Authoralexejluft
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses common pitfalls in building accessible and performant UI components like accordions and tabs, ensuring they are keyboard-navigable, screen-reader friendly, and animate smoothly.
Core Features & Use Cases
- ARIA Compliance: Enforces correct ARIA attributes (
aria-expanded,aria-controls,role,aria-labelledby) for accessibility. - Animation Best Practices: Guides against slow animations, layout jumps, and incorrect transition properties.
- Keyboard Navigation: Ensures standard keyboard interactions (Enter, Space, Arrow keys) are implemented correctly.
- Use Case: When developing a new FAQ section, this Skill ensures the accordions are not only visually appealing but also fully accessible to users with screen readers and keyboard-only navigation.
Quick Start
Use the building-components-core skill to architect an accessible accordion component for a React application.
Dependency Matrix
Required Modules
None requiredComponents
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: building-components-core Download link: https://github.com/alexejluft/brudi/archive/main.zip#building-components-core Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.