Frontend Design Loop MCP Server: Install & Setup

Install Frontend Design Loop in Claude Code

Claude Code

claude mcp add frontend-design-loop -- uvx frontend-design-loop-mcp

mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)

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

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

Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

Run: claude mcp add frontend-design-loop -- uvx frontend-design-loop-mcp

geekflare/geekflare-api-mcp

Web search, Google SERP, scraping, screenshots, PDFs, brand data, and website diagnostics.

tech-bam/framegrove

Render App Store, Google Play and iPhone Duo screenshots and Apple Creative Assets from templates.

hosshan/harie

Annotate screenshots for user guides. Saved as plain JPEG/PNG whose annotations stay editable.

Evil-Bane/eyebrowse

Stealthy, LLM-drivable browser engine — a Python library + 85-tool MCP server on stealth Chromium.

Thewhey-Brian/hotedit

Open HTML reports in the browser and edit them live while the person watches, or by hand.

miroslavmyrha/cypress-mcp

Shows an AI assistant the last cypress run: command log, errors, screenshots, DOM of failed tests.