21st.dev Agent Skills
Official skills to search, generate and publish React/shadcn components from any coding agent.
About
21st.dev ships official agent skills (21st-dev/skill on GitHub) that teach coding agents its component marketplace inside the terminal. Four focused skills cover the full loop: 21st-cli-use for searching and installing components, themes and templates; 21st-ai for generating and iterating on designs; 21st-registry for publishing your own; and 21st-design-sync for turning a project's design tokens into a publishable theme. Installs cross-agent via skills.sh across 70+ supported agents, and there's a bundled Claude Code/Codex plugin with the 21st MCP server.
The honest picture: it's a storefront skill — genuinely useful if you live in the shadcn/React world, but it funnels you toward 21st.dev's registry and API key. Generated components still need a human eye for accessibility and edge cases, and publishing requires buying into their platform rather than plain npm.
What it can do
- Search and install shadcn components from the terminal
- AI-generate and iterate on component designs
- Publish components, themes and templates
- Design-token sync from your project
- Claude Code and Codex plugin bundles
Setup
Install with: npx skills add 21st-dev/skill (cross-agent), or npx @21st-dev/cli install-skill. Get an API key at 21st.dev/settings/api-keys.
Prerequisites
A React project (shadcn/ui recommended). A 21st.dev API key for search/publish features.
Use cases
Works with
Trust score — 8/10
Scored 8/10 (verified tier, metrics-v1). Evidence: Verified via vendor site/docs/GitHub and reputable coverage, wave 45; Trending score 75/100 from researcher assessment.
Sources
Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.