MCP Directory
Back

claude-code-design

by bluzir · JavaScript · ★ 78

Claude Design reproduced for Claude Code — HTML decks, prototypes, design systems, animated videos via skills + starters + Chrome DevTools MCP

#claude-code#claude-design

Install

npx -y github:bluzir/claude-code-design

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "claude-code-design": {
      "command": "npx",
      "args": [
        "-y",
        "github:bluzir/claude-code-design"
      ]
    }
  }
}

From the README

**Claude Design (by Anthropic Labs), reproduced for Claude Code CLI.** Same outputs — HTML decks, interactive prototypes, design systems, animated videos — through an agent in your terminal instead of a canvas-based web app. [Claude Design](https://www.anthropic.com/news/claude-design-anthropic-labs) is Anthropic Labs' chat+canvas for producing polished designs. It lives on claude.ai. This repo gives you the same generative power — minus the canvas — through **skills + starter components + Chrome DevTools MCP**, all inside Claude Code. Same endpoint (HTML artifacts with designer-grade polish…
Read full README on GitHub →

💡 Need a managed MCP host?

Try Claude Pro for the smoothest MCP experience, or browse our cloud-hosted servers.

Related productivity servers