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.
Install
npx skills add vercel/components.build --skill building-componentsnpx skills add vercel/components.build --skill building-components -a claude-code -gnpx skills add vercel/components.build --skill building-components -a codex -ggemini skills install https://github.com/vercel/components.build.git --path skills/building-componentsgh skill install vercel/components.build building-componentsgit clone --depth 1 https://github.com/vercel/components.build /tmp/vercel__components.build
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/vercel__components.build/skills/building-components ~/.claude/skills/building-components # Claude Code
cp -R /tmp/vercel__components.build/skills/building-components ~/.agents/skills/building-components # Codex, Cursor, Gemini CLI, Copilot, OpenCode