VerifiedPlugin
Deployment
vercel
Develop. Preview. Ship.
1 skill
@vercelDevelopment
Plugin
componentsbuild
An open-source standard for building modern, composable, and accessible UI components.
Plugin Signal55/100Fair
maintained95
capable23
documented30
adopted62
Install
$ npx -y skills add vercel/components.build --agent claude-code
Run the curl in your terminal, the rest in Claude Code.
Stats
787
Stars
53
Forks
Active
Maintenance
MDX
Language
10d ago
Last commit
10mo ago
Created
Repo: vercel/components.build
What's inside
README
1components.build
An open-source standard for building modern, composable, and accessible UI components.
About
components.build is a formal specification that establishes best practices and guidelines for building open-source UI components for the modern web. Co-authored by Hayden Bleasel and shadcn, this specification aims to help open-source maintainers and senior front-end engineers create components that are:
- Composable - Built with composition over inheritance, easily combined to create complex UIs
- Accessible - WCAG-compliant with proper ARIA attributes and keyboard navigation
- Customizable - Easy to theme and style for any design system
- Performant - Lightweight with minimal dependencies
- Transparent - Full code visibility and ownership
- Well-documented - Clear examples and developer-friendly
While examples use React/TypeScript, the core principles are framework-agnostic and applicable to Vue, Svelte, Angular, and other modern frameworks.
Contributing
Contributions are welcome! This specification is informed by the open-source community and real-world component libraries.
To contribute, please read the contributing guide.
License
This project is open source and available under the MIT License.
File tree
456vercel/components.buildView on GitHub
.cursor/
rules/
ultracite.mdc
.github/
CODE_OF_CONDUCT.md
CONTRIBUTING.md
dependabot.yml
SECURITY.md
workflows/
sync-skill-docs.yml
.gitignore
.translation-cache.json
.vscode/
settings.json
app/
[lang]/
(docs)/
[[...slug]]/
page.tsx
layout.tsx
layout.tsx
llms.mdx/
[[...slug]]/
route.ts
llms.txt/
route.ts
og/
[...slug]/
background.png
geist-sans-regular.ttf
geist-sans-semibold.ttf
route.tsx
rss.xml/
route.ts
sitemap.md/
route.ts
actions/
feedback/
emotions.ts
index.ts
api/
chat/
route.ts
tools.ts
types.ts
utils.ts
search/
route.ts
favicon.ico
global.css
robots.ts
sitemap.ts
styles/
geistdocs.css
biome.jsonc
components/
components.json
ai-elements/
conversation.tsx
message.tsx
open-in-chat.tsx
prompt-input.tsx
shimmer.tsx
sources.tsx
suggestion.tsx
author-note.tsx
author.tsx
geistdocs/
ask-ai.tsx
callout.tsx
chat.tsx
code-block-tabs.tsx
code-block.tsx
copy-chat.tsx
copy-page.tsx
desktop-menu.tsx
docs-layout.tsx
docs-page.tsx
edit-source.tsx
feedback.tsx
footer.tsx
github-button.tsx
home-layout.tsx
icons.tsx
installer.tsx
language-selector.tsx
mdx-components.tsx
mermaid.tsx
message-metadata.tsx
mobile-menu.tsx
navbar.tsx
open-in-chat.tsx
provider.tsx
rss-button.tsx
scroll-top.tsx
search.tsx
sidebar.tsx
theme-toggle.tsx
video.tsx
page-actions.tsx
ui/
avatar.tsx
badge.tsx
button-group.tsx
button.tsx
card.tsx
collapsible.tsx
command.tsx
dialog.tsx
drawer.tsx
dropdown-menu.tsx
hover-card.tsx
input-group.tsx
input.tsx
kbd.tsx
navigation-menu.tsx
popover.tsx
scroll-area.tsx
select.tsx
separator.tsx
sheet.tsx
sonner.tsx
spinner.tsx
textarea.tsx
tooltip.tsx
content/
docs/
accessibility.cn.mdx
accessibility.da.mdx
accessibility.de.mdx
accessibility.es.mdx
accessibility.fi.mdx
accessibility.fr.mdx
accessibility.ga.mdx
accessibility.hu.mdx
accessibility.id.mdx
accessibility.it.mdx
accessibility.jp.mdx
accessibility.mdx
accessibility.nl.mdx
accessibility.no.mdx
accessibility.pt.mdx
accessibility.ro.mdx
accessibility.sl.mdx
accessibility.sr.mdx
accessibility.sv.mdx
accessibility.tr.mdx
as-child.cn.mdx
as-child.da.mdx
as-child.de.mdx
as-child.es.mdx
as-child.fi.mdx
as-child.fr.mdx
as-child.ga.mdx
as-child.hu.mdx
as-child.id.mdx
as-child.it.mdx
as-child.jp.mdx
as-child.mdx
as-child.nl.mdx
as-child.no.mdx
as-child.pt.mdx
as-child.ro.mdx
as-child.sl.mdx
as-child.sr.mdx
as-child.sv.mdx
as-child.tr.mdx
composition.cn.mdx
composition.da.mdx
composition.de.mdx
composition.es.mdx
composition.fi.mdx
composition.fr.mdx
composition.ga.mdx
composition.hu.mdx
composition.id.mdx
composition.it.mdx
composition.jp.mdx
composition.mdx
composition.nl.mdx
composition.no.mdx
composition.pt.mdx
composition.ro.mdx
composition.sl.mdx
composition.sr.mdx
composition.sv.mdx
composition.tr.mdx
data-attributes.cn.mdx
data-attributes.da.mdx
data-attributes.de.mdx
data-attributes.es.mdx
data-attributes.fi.mdx
data-attributes.fr.mdx
data-attributes.ga.mdx
data-attributes.hu.mdx
data-attributes.id.mdx
data-attributes.it.mdx
data-attributes.jp.mdx
data-attributes.mdx
data-attributes.nl.mdx
data-attributes.no.mdx
data-attributes.pt.mdx
data-attributes.ro.mdx
data-attributes.sl.mdx
data-attributes.sr.mdx
data-attributes.sv.mdx
data-attributes.tr.mdx
definitions.cn.mdx
definitions.da.mdx
definitions.de.mdx
definitions.es.mdx
definitions.fi.mdx
definitions.fr.mdx
definitions.ga.mdx
definitions.hu.mdx
definitions.id.mdx
definitions.it.mdx
definitions.jp.mdx
definitions.mdx
definitions.nl.mdx
definitions.no.mdx
definitions.pt.mdx
definitions.ro.mdx
definitions.sl.mdx
definitions.sr.mdx
definitions.sv.mdx
definitions.tr.mdx
design-tokens.cn.mdx
design-tokens.da.mdx
design-tokens.de.mdx
design-tokens.es.mdx
design-tokens.fi.mdx
design-tokens.fr.mdx
design-tokens.ga.mdx
design-tokens.hu.mdx
design-tokens.id.mdx
design-tokens.it.mdx
design-tokens.jp.mdx
design-tokens.mdx
design-tokens.nl.mdx
design-tokens.no.mdx
design-tokens.pt.mdx
design-tokens.ro.mdx
design-tokens.sl.mdx
design-tokens.sr.mdx
design-tokens.sv.mdx
design-tokens.tr.mdx
docs.cn.mdx
docs.da.mdx
docs.de.mdx
docs.es.mdx
docs.fi.mdx
docs.fr.mdx
docs.ga.mdx
docs.hu.mdx
docs.id.mdx
docs.it.mdx
docs.jp.mdx
docs.mdx
docs.nl.mdx
docs.no.mdx
docs.pt.mdx
docs.ro.mdx
docs.sl.mdx
docs.sr.mdx
docs.sv.mdx
docs.tr.mdx
index.cn.mdx
index.da.mdx
index.de.mdx
index.es.mdx
index.fi.mdx
index.fr.mdx
index.ga.mdx
index.hu.mdx
index.id.mdx
index.it.mdx
index.jp.mdx
index.mdx
index.nl.mdx
index.no.mdx
index.pt.mdx
index.ro.mdx
index.sl.mdx
index.sr.mdx
index.sv.mdx
index.tr.mdx
marketplaces.cn.mdx
marketplaces.da.mdx
marketplaces.de.mdx
marketplaces.es.mdx
marketplaces.fi.mdx
marketplaces.fr.mdx
marketplaces.ga.mdx
marketplaces.hu.mdx
marketplaces.id.mdx
marketplaces.it.mdx
marketplaces.jp.mdx
marketplaces.mdx
marketplaces.nl.mdx
marketplaces.no.mdx
marketplaces.pt.mdx
marketplaces.ro.mdx
marketplaces.sl.mdx
marketplaces.sr.mdx
marketplaces.sv.mdx
marketplaces.tr.mdx
meta.json
npm.cn.mdx
npm.da.mdx
npm.de.mdx
npm.es.mdx
npm.fi.mdx
npm.fr.mdx
npm.ga.mdx
npm.hu.mdx
npm.id.mdx
npm.it.mdx
npm.jp.mdx
npm.mdx
npm.nl.mdx
npm.no.mdx
npm.pt.mdx
npm.ro.mdx
npm.sl.mdx
npm.sr.mdx
npm.sv.mdx
npm.tr.mdx
polymorphism.cn.mdx
polymorphism.da.mdx
polymorphism.de.mdx
polymorphism.es.mdx
polymorphism.fi.mdx
polymorphism.fr.mdx
polymorphism.ga.mdx
polymorphism.hu.mdx
polymorphism.id.mdx
polymorphism.it.mdx
polymorphism.jp.mdx
polymorphism.mdx
polymorphism.nl.mdx
polymorphism.no.mdx
polymorphism.pt.mdx
polymorphism.ro.mdx
polymorphism.sl.mdx
polymorphism.sr.mdx
polymorphism.sv.mdx
polymorphism.tr.mdx
principles.cn.mdx
principles.da.mdx
principles.de.mdx
principles.es.mdx
principles.fi.mdx
principles.fr.mdx
principles.ga.mdx
principles.hu.mdx
principles.id.mdx
principles.it.mdx
principles.jp.mdx
principles.mdx
principles.nl.mdx
principles.no.mdx
principles.pt.mdx
principles.ro.mdx
principles.sl.mdx
principles.sr.mdx
principles.sv.mdx
principles.tr.mdx
registry.cn.mdx
registry.da.mdx
registry.de.mdx
registry.es.mdx
registry.fi.mdx
registry.fr.mdx
registry.ga.mdx
registry.hu.mdx
registry.id.mdx
registry.it.mdx
registry.jp.mdx
registry.mdx
registry.nl.mdx
registry.no.mdx
registry.pt.mdx
registry.ro.mdx
registry.sl.mdx
registry.sr.mdx
registry.sv.mdx
registry.tr.mdx
state.cn.mdx
state.da.mdx
state.de.mdx
state.es.mdx
state.fi.mdx
state.fr.mdx
state.ga.mdx
state.hu.mdx
state.id.mdx
state.it.mdx
state.jp.mdx
state.mdx
... 92 moreMore Flows by @vercel.
@vercelVerifiedPlugin
Development
workflow
Workflow SDK: Build durable, reliable, and observable apps and AI Agents in TypeScript
4 skills
@vercelVerifiedPlugin
Development
next-forge
Production-grade Turborepo template for Next.js apps.
1 skill
@vercelFAQ
componentsbuild is a Claude Code plugin with 1 hand-picked skill for development work, indexed on Flowy. Install it with the command on its page. It includes building-components. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is componentsbuild?
- An open-source standard for building modern, composable, and accessible UI components.
- How do I install componentsbuild?
- Run these in Claude Code: npx -y skills add vercel/components.build --agent claude-code. Then prompt normally.
- Does componentsbuild auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is componentsbuild free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.