Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "gemini-designer-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "Pape45/gemini-designer-mcp"
      ]
    }
  }
}

README Excerpt

> AI-powered UI design and code generation for your coding assistant An **MCP server** that gives your AI coding assistant **17 tools** for UI design, repo intelligence, and frontend code generation. ```bash npx gemini-designer init --local ``` That's it. The CLI will: 1. Detect your MCP clients (Cursor, Gemini CLI, VS Code, Claude, Codex, Windsurf, Zed, Antigravity)

Tools (17)

analyze_tokensapply_file_bundlecatalog_componentsdetect_ui_stackgenerate_component_variantsgenerate_vibesmodify_uiprompting_guiderepo_get_file_metarepo_read_filesrepo_searchrepo_treescaffold_projectsync_design_tokensui_generateui_reviewvalidate_project

gemini-designer-mcp

Quick Install

README Excerpt

Tools (17)

Related AI/LLM Servers