Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →21st-dev/21st-registry
Publish a React component to the user's team library on 21st.dev so teammates can install it with a single command, or install an existing one.
Passed 20 of 21 test cases with the skill, and 4 of 21 without it.
and 16 more in the full report
17 fixed4 passed either way1 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
The instructions your model reads when the skill loads.
Use this skill in two directions: publishing a component for the team, and installing one the team already shared.
API_KEY_21ST env is set, or the registry CLI has saved credentials. If neither — tell the user to run npx @21st-dev/registry login once. Don't try to log them in yourself.@21st-dev/registry. Don't reinvent — use it.| User says… | Visibility |
|---|---|
| "share with team", "залей нам", "publish internally", default for any unqualified ask | unlisted in the selected/default registry (no visibility flag needed) |
| "share publicly via link / on my profile, but don't list it in the library" | --unlisted |
| "publish publicly", "make it public on 21st" | --public |
| "restrict to the registry team", "private team draft" | --private |
Never use --public without explicit user instruction. Public components go through admin moderation and appear in the 21st library. --unlisted is the safe option when the user wants a shareable URL but doesn't want a library listing.
The CLI's positional file path triggers auto-detection — name from the default export, slug from the filename, tags from imports, demo auto-found or synthesised. So in 95% of cases this is enough:
npx @21st-dev/registry ./path/to/Component.tsx \
--to default \
--description "1-2 sentences about what it does and when to use it"
| Flag | When to use |
|---|---|
--name "Display Name" | Override the auto-detected name. Default is humanised version of the default-export name. |
--description "…" | Required. 10+ chars. Write a real description — what it does and when to use it. Never fabricate; if you don't know, ask the user. |
test cases passed, vs 4 / 21 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.