Skip to content
Claude Desktop

Frontend Design Loop MCP for Claude Desktop

io.github.alexalexalex222/frontend-design-loop-mcp

Design-first MCP for coding agents that improves websites with screenshot-grounded iteration.

client:Claude Desktop transport:stdio runtime:pypi

Install Frontend Design Loop MCP in Claude Desktop

~/Library/Application Support/Claude/claude_desktop_config.json · windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "frontend-design-loop-mcp": {
      "command": "uvx",
      "args": [
        "frontend-design-loop-mcp"
      ]
    }
  }
}

Settings → Developer → Edit Config opens this file. Restart the app after saving. Claude Desktop docs

Frontend Design Loop MCP in other clients