vercel
Lets you deploy, manage, inspect and troubleshoot Vercel projects from the command line, covering deployments, build failures, environment variables and domains without leaving your terminal.
1 skill17k
@vercelDevelopment
Plugin
componentsbuild
A skill that guides developers in building modern, accessible, and composable UI components. It covers composable APIs, design tokens, and publishing components to npm.
Plugin Signal57/100Fair
maintained99
capable23
documented30
adopted62
Claude Code
$ npx -y skills add vercel/components.build --agent claude-code
Codex
$ npx skills add vercel/components.build -a codex
Cursor
$ npx skills add vercel/components.build -a cursor
Gemini CLI
$ npx skills add vercel/components.build -a gemini-cli
GitHub Copilot
$ npx skills add vercel/components.build -a github-copilot
OpenCode
$ npx skills add vercel/components.build -a opencode
Windsurf
$ npx skills add vercel/components.build -a windsurf
Stats
803
Stars
58
Forks
Active
Maintenance
MDX
Language
Last commit
Created
What's inside
README
components.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.
Stars on GitHub
Momentum
- stars in total
- 803
File tree
More plugins by @vercel.
View @vercel’s profile@vercelflags
Adds feature flags, A/B tests, and gradual rollouts to Next.js, SvelteKit, or other apps. Includes skills for declaring flags with the Flags SDK and wiring up a provider adapter.
2 skills628
@vercelmicrofrontends
Split apart large applications and develop faster with microfrontends. This package contains library code to be used with Vercel's microfrontends support. Improved developer velocity: Build and test just the application that you are developing.
1 skill1 MCP45
@vercelSimilar plugins.
superpowers
A development methodology for coding agents that makes the agent brainstorm before building, follow plans, run parallel work and finish branches in a disciplined way. You get fewer skipped steps and more consistent results from your coding assistant.
15 skills1 hook311k
@obraskills
Helps you take a change from a rough idea or bug report through to a tested, reviewed result, with each step handled by a focused skill. Its skills cover pinning down domain terms, designing module interfaces, diagnosing hard bugs, and reviewing changes against your repo's coding standards.
31 skills309k
@mattpocockecc
Gives your coding agent a planning, testing and review routine to follow on every task. It plans before building, checks changes with tests, has a fresh reviewer look for regressions, and saves repeated wins as reusable skills.
200 skills71 agents1 MCP+3+2+2+2+2+2+2+1+1302k
@affaan-mreact
Developer tools for working on the React codebase itself. Provides skills for extracting error messages, managing and debugging feature flags across release channels, running Flow type checks, and fixing lint and formatting issues before committing.
14 skills4 agents252k
@facebookQuestions about componentsbuild.
Install it with the command on its page. It includes building-components. Its skills do not fire on their own yet. Free and open source.
- What is componentsbuild?
- vercel/components.build is a plugin with skills and hooks for building UI components. It adds the building-components skill, which guides accessible, composable component design, design tokens, and publishing to npm, so use it when you are creating or standardizing 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.
- Is componentsbuild free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
- Which coding agents can use componentsbuild's skills?
- componentsbuild installs in Claude Code, and its skills also install in Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI. Each skill's page has the install command. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it