building-components
CommunityBuild accessible UI components with confidence.
AuthorTheSethRose
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The Building Components skill guides engineers to create modern, accessible, and composable UI components by decomposing complex interfaces into reusable primitives and patterns, enabling scalable design systems across projects.
Core Features & Use Cases
- Composable architecture: promotes a Root/Item/Trigger/Content pattern to enable reusable UI blocks and clean separation of concerns.
- Accessibility-by-default: emphasizes ARIA semantics, keyboard navigation, and focus management as core design requirements.
- Design tokens and theming: aligns component primitives with design tokens for consistent theming and branding.
- Pattern references & guidance: provides documented patterns like asChild, data-slot, polymorphism, and type-safe compositions to speed up development.
- DX-focused documentation: includes extensive references and examples to improve developer experience and onboarding.
Quick Start
Provide a plan to scaffold a new composable UI library by implementing Root, Item, Trigger, and Content following the references.
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 Download link: https://github.com/TheSethRose/PeptideCalc/archive/main.zip#building-components 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 471,000+ vetted skills library on demand.