# Superdesign

> Use this tool when you need to streamline design workflows and generate high-quality UI designs, wireframes, and components within your Claude Code workflow. It solves problems of manual design creation and integration, providing a seamless design experience with tools for design iteration, logo creation, and design system extraction. With inputs from Claude Code's LLM and outputs including interactive HTML galleries and organized design files, Superdesign is ideal for developers seeking efficient and sophisticated design capabilities.

Canonical page: https://skillsregistry.net/skills/jonthebeef-superdesign  
JSON: https://api.skillsregistry.net/v1/skills/jonthebeef-superdesign

## Description

This MCP server brings Superdesign's AI design agent capabilities to Claude Code as native tools, operating as a design orchestrator that provides structured specifications for the IDE's LLM to execute rather than generating designs directly. Built with TypeScript and the MCP SDK, it eliminates the need for separate API keys by leveraging Claude Code's existing LLM connection, offering tools for UI design generation, wireframes, components (HTML/React/Vue), logos, SVG icons, design iteration, and design system extraction from screenshots. The implementation includes an interactive HTML gallery with auto-refresh capabilities for viewing all created designs, automatic file organization in a visible superdesign/ directory, and maintains all of Superdesign's design methodology while providing seamless integration without manual prompt copying, making it valuable for developers who want sophisticated design capabilities directly within their Claude Code workflow.

## Trust

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

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** ai-ml
- **Updated:** 2026-04-25

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/jonthebeef-superdesign)
- **Repository:** <https://github.com/jonthebeef/superdesign-mcp-claude-code>

## 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": "jonthebeef-superdesign"
    }
  }
}
```

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