21st-dev/skill

Letzte erfasste Quellaktivität: 9. September 2026 um 20:02

SkillsMP-Katalog aktualisiert: 2. November 2026 um 18:02

gesammelte Skills: 7

GitHub-Stars: 32
GitHub-Forks: 8

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/21st-dev/skill.

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

# 21st.dev — Agent Skills Search, install and publish React/shadcn components, themes and templates on [21st.dev](https://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](https://skills.sh) (70+ supported agents — Claude Code, Cursor, Codex, Devin, Cline, Copilot, Goose, and more): ```bash npx skills add 21st-dev/skill ``` Or install the verified pack globally with the CLI: ```bash 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`](https://github.com/21st-dev/claude-code-plugin) and [`21st-dev/codex-plugin`](https://github.com/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`](./skills/21st-cli-use/SKILL.md) — `search`, `get`, `theme`, `add` (install), bookmarks, teams, auth. - [`skills/21st-ai/SKILL.md`](./skills/21st-ai/SKILL.md) — `generate`, `generation`, `iterate`, `take`: sketch, edit-in-place, and grab code. - [`skills/21st-registry/SKILL.md`](./skills/21st-registry/SKILL.md) — `publish` / `publish-theme` / `publish-template` and `edit` / `delete`. - [`skills/21st-design-sync/SKILL.md`](./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>](https://21st.dev/api/skills/21st-cli-use). Get a 21st API key at https://21st.dev/settings/api-keys, or run `npx @21st-dev/cli login`.

README des Repositorys wird geladen…

Skills in diesem Repository

Softwareentwickler Web- und digitale Schnittstellendesigner Webentwickler

3 Berufskategorien · 100% klassifiziert

Skill

Beruf

Beschreibung

Aktualisiert

21st-ai

Webentwickler

Generate and iterate on UI with 21st AI from the terminal via the `21st` CLI (`@21st-dev/cli`): sketch a UI from a prompt, preview the variants in the browser, edit any variant in place with a natural-language change, and pull the final code into the project.…

Quellsprache: Englisch

2026-09-09

21st-cli-use

Softwareentwickler

Search, install and pull code from the 21st.dev catalog with the `21st` CLI (`@21st-dev/cli`): find React/shadcn components, themes and templates, print a component's code or a theme's CSS, install an item into the project, or generate a new component with…

Quellsprache: Englisch

2026-09-09

21st-ui-build

Webentwickler

Build or substantially change production UI using the current project's design context, existing components, and grounded 21st inspiration. Use when implementing a page, section, component, responsive redesign, or visual polish in an existing web project.…

Quellsprache: Englisch

2026-09-09

21st-ui-explore

Web- und digitale Schnittstellendesigner

Explore and compare multiple meaningfully different UI directions grounded in the current project's design system and 21st inspiration. Use when the user wants options, variants, concepts, a redesign direction, visual experimentation, or is unsure how a new…

Quellsprache: Englisch

2026-09-09

21st-registry

Softwareentwickler

Publish your own work to 21st.dev and manage it from the terminal with the `21st` CLI (`@21st-dev/cli`): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen…

Quellsprache: Englisch

2026-08-26

21st-ui-review

Web- und digitale Schnittstellendesigner

Review existing UI against the project's design context, accessibility expectations, responsive behavior, interaction quality, and high-confidence production rules. Use for UI audits, design QA, frontend review, accessibility review, consistency checks, or…

Quellsprache: Englisch

2026-08-26

21st-design-sync

Softwareentwickler

Look at the current project's design (its shadcn / Tailwind CSS variables and color tokens) and publish it to the 21st.dev community as a shareable theme, using `21st publish-theme`. Use when the user says "publish my theme", "share our design as a 21st…

Quellsprache: Englisch

2026-07-10

Es werden 7 von 7 gesammelten Skills angezeigt.