# @21st-dev/magic

> @21st-dev/magic — mrbkrustamov-magic-mcp. Use this tool when you need to generate UI components quickly and efficiently, as it solves the problem of manual UI coding by converting natural language descriptions into functional code. It integrates with popular IDEs like Cursor, Windsurf, and VS Code, accepting text inputs and producing ready-to-use UI components as output. Ideal for streamlining front-end development workflows and boosting productivity.

Canonical page: https://skillsregistry.net/skills/mrbkrustamov-magic-mcp  
JSON: https://api.skillsregistry.net/v1/skills/mrbkrustamov-magic-mcp

## Description

Enables AI-powered UI component generation from natural language descriptions, integrating with IDEs like Cursor, Windsurf, and VS Code.

## Trust

- **Trust score (0–1):** 0.69
- **Verification tier:** scanned
- **Last scanned:** 2026-08-30

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** other
- **Updated:** 2026-08-30

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/az49ygwogu)
- **Repository:** <https://github.com/mrbkrustamov/magic_mcp>

## Use it

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": "mrbkrustamov-magic-mcp"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/mrbkrustamov-magic-mcp` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/mrbkrustamov-magic-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