building-components▌
vercel/components.build · updated Apr 8, 2026
Comprehensive guide for building modern, accessible, and composable UI components.
- ›Covers component taxonomy (primitives, components, blocks, templates), core design principles, and accessibility implementation including ARIA, keyboard navigation, and WCAG compliance
- ›Includes patterns for composable APIs, polymorphism, controlled/uncontrolled state, and the as-child pattern for flexible element composition
- ›Provides guidance on design tokens, theming systems, styling approaches, and u
Building Components
When to use this skill
Use when the user is:
- Building new UI components (primitives, components, blocks, templates)
- Implementing accessibility features (ARIA, keyboard navigation, focus management)
- Creating composable component APIs (slots, render props, controlled/uncontrolled state)
- Setting up design tokens and theming systems
- Publishing components to npm or a registry
- Writing component documentation
- Implementing polymorphism or as-child patterns
- Working with data attributes for styling/state
References
- definitions.mdx - Artifact taxonomy (primitives, components, blocks, templates)
- principles.mdx - Core principles for component design
- accessibility.mdx - ARIA, keyboard navigation, WCAG compliance
- composition.mdx - Composable component patterns
- as-child.mdx - The as-child pattern for element polymorphism
- polymorphism.mdx - Polymorphic component patterns
- types.mdx - TypeScript typing patterns for components
- state.mdx - Controlled vs uncontrolled state management
- data-attributes.mdx - Using data attributes for styling and state
- design-tokens.mdx - Design token systems and theming
- styling.mdx - Component styling approaches
- registry.mdx - shadcn-style registry distribution
- npm.mdx - Publishing components to npm
- marketplaces.mdx - Component marketplace distribution
- docs.mdx - Writing component documentation
Discussion
Product Hunt–style comments (not star reviews)- No comments yet — start the thread.
Ratings
4.8★★★★★74 reviews- ★★★★★Zara Singh· Dec 28, 2024
building-components has been reliable in day-to-day use. Documentation quality is above average for community skills.
- ★★★★★Kabir Smith· Dec 28, 2024
building-components is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.
- ★★★★★Emma Dixit· Dec 28, 2024
Keeps context tight: building-components is the kind of skill you can hand to a new teammate without a long onboarding doc.
- ★★★★★Ira Yang· Dec 16, 2024
Useful defaults in building-components — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.
- ★★★★★Shikha Mishra· Dec 8, 2024
building-components is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.
- ★★★★★Ishan Agarwal· Dec 4, 2024
building-components reduced setup friction for our internal harness; good balance of opinion and flexibility.
- ★★★★★Yash Thakker· Nov 27, 2024
Useful defaults in building-components — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.
- ★★★★★James Chen· Nov 23, 2024
Registry listing for building-components matched our evaluation — installs cleanly and behaves as described in the markdown.
- ★★★★★Zara Khan· Nov 19, 2024
Solid pick for teams standardizing on skills: building-components is focused, and the summary matches what you get after install.
- ★★★★★Daniel Kim· Nov 19, 2024
We added building-components from the explainx registry; install was straightforward and the SKILL.md answered most questions upfront.
showing 1-10 of 74