搜索、安装并发布 React/shadcn 组件、主题和模板 21st.dev 来自任何编码代理，通过21st的CLI进行 （@21st-dev/cli）。飞船七个专注技能：21st-cli-use（寻找并安装）， [21st-ai（生成并迭代），21st-registry（发布与管理），以及 21st-design-sync（将项目设计作为主题发布），此外 21st-ui-build、21st-ui-explore和21st-ui-review。

安装

跨代理，通过 skills.sh（70+ 支持代理—— 克劳德代码、光标、密码、德文、克莱恩、副驾驶、鹅等）：

或者用CLI全局安装已验证的包：

（或取任意一个原始文件，例如 ‘curl -fsSL https://21st.dev/api/skills/21st-cli-use -o ~/.claude/skills/21st-cli-use/SKILL.md’）。

对于Claude Code和Codex，这些技能也与 第21个MCP服务器的插件——参见 21st-dev/claude-code-plugin 以及21st-dev/codex-plugin。

它的作用

教代理完整的21st行界面，分为三项技能：

• skills/21st-cli-use/SKILL.md — search， get、theme、add（安装）、书签、Teams、认证。
• skills/21st-ai/SKILL.md — generate， generation、iterate、take：草图、原地编辑和抓取代码。

21st.dev — Agent Skills

Search, install and publish React/shadcn components, themes and templates on 21st.dev from any coding agent, via the 21st CLI (@21st-dev/cli). Ships seven focused skills: 21st-cli-use (find & install), 21st-ai (generate & iterate), 21st-registry (publish & manage), and 21st-design-sync (publish a project’s design as a theme), plus 21st-ui-build, 21st-ui-explore, and 21st-ui-review.

Install

Cross-agent, via skills.sh (70+ supported agents — Claude Code, Cursor, Codex, Devin, Cline, Copilot, Goose, and more):

npx skills add 21st-dev/skill

Or install the verified pack globally with the CLI:

npx @21st-dev/cli skills install --global

(or fetch any one raw, e.g. curl -fsSL https://21st.dev/api/skills/21st-cli-use -o ~/.claude/skills/21st-cli-use/SKILL.md).

For Claude Code and Codex, these skills are also bundled together with the 21st MCP server in one plugin — see 21st-dev/claude-code-plugin and 21st-dev/codex-plugin.

What it does

Teaches the agent the full 21st CLI surface, split across three skills:

• skills/21st-cli-use/SKILL.md — search, get, theme, add (install), bookmarks, teams, auth.
• skills/21st-ai/SKILL.md — generate, generation, iterate, take: sketch, edit-in-place, and grab code.
• skills/21st-registry/SKILL.md — publish / publish-theme / publish-template and edit / delete.
• skills/21st-design-sync/SKILL.md — read the project’s design tokens and publish them as a theme.

Each is a live mirror of 21st.dev/api/skills/<name>.

Get a 21st API key at https://21st.dev/settings/api-keys, or run npx @21st-dev/cli login.