Building Components
by vercelba7274504373No license798 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 7 weeks ago
Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/accessibility.mdx | 18.4 KB | text/plain |
| references/as-child.mdx | 7 KB | text/plain |
| references/composition.mdx | 7.1 KB | text/plain |
| references/data-attributes.mdx | 11.7 KB | text/plain |
| references/definitions.mdx | 10.4 KB | text/plain |
| references/design-tokens.mdx | 2.2 KB | text/plain |
| references/docs.mdx | 6.2 KB | text/plain |
| references/marketplaces.mdx | 5.8 KB | text/plain |
| references/npm.mdx | 5.3 KB | text/plain |
| references/polymorphism.mdx | 13.6 KB | text/plain |
| references/principles.mdx | 4.1 KB | text/plain |
| references/registry.mdx | 6.4 KB | text/plain |
| references/state.mdx | 3.2 KB | text/plain |
| references/styling.mdx | 8.8 KB | text/plain |
| references/types.mdx | 5.7 KB | text/plain |
| SKILL.md | 2.1 KB | text/markdown |
Source and attribution
Source:vercel/components.buildinskills/building-componentsat commitba72745
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.