Skill

Building Components

Skill

How Vercel wants you to build a component.

Official. Accessible APIs, theming, composition — the components.build guidance as a skill.

spec·Apache-2.0·Updated this quarter·github.com/vercel/components.build

Claude CodeCursorDesktop
Scanned
npx skills add vercel/components.build/building-components

By Vercel

Input

A component you are about to add.

Output

An API and an implementation that match.

building-components-skill.skill/invoke

You say

Design the Tabs API.

It returns

Tabs, List, Tab, Panel. Keyboard already in the primitive.

Prompt notebook

Prompts this skill is built for.

  • You say

    Design the Tabs API.

    It returns

    Tabs, List, Tab, Panel. Keyboard already in the primitive.

  • You say

    How do we theme it?

    It returns

    Tokens, not a theme prop on every node.

What it teaches

  1. 01API
  2. 02A11y
  3. 03Theming