# 21st.dev

> Use this tool when you need to streamline UI development by searching and generating customizable components and themes. It solves problems of tedious coding and design duplication by providing accessible code and AI-generated UI elements. Input your design requirements and receive output in the form of reusable code snippets and tailored themes.

Canonical page: https://skillsregistry.net/skills/dev-21st-mcp  
JSON: https://api.skillsregistry.net/v1/skills/dev-21st-mcp

## Description

Search 21st.dev UI components & themes, get their code, and generate new ones with 21st AI.

## Trust

- **Trust score (0–1):** 0.70
- **Verification tier:** unverified

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** search
- **Updated:** 2026-07-04

## Source

- **Source listing:** [MCP Registry](https://registry.modelcontextprotocol.io/v0/servers/dev.21st%2Fmcp)

## Use it

MCP endpoint published by the skill: `https://21st.dev/api/mcp`

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "dev-21st-mcp"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/dev-21st-mcp` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/dev-21st-mcp/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt