Frontend Design Loop MCP

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

Connector by alexalexalex222 · GitHub account verified by the MCP Registry

IndexedMITLocal (stdio)★ 1

Install

Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/alexalexalex222-frontend-design-loop-mcp

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

About

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

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list and install config. Checked Oct 25, 2026.

Tools: 2 read · 2 write · 0 delete · 5 not yet classified
Secrets: None asked for
Install scripts: Not scanned yet
Runs as: Python package

Tools by what they do 9

Read from the source code; the running server may list different tools.

Read 2 · Look things up without changing anything.

capture_screenshots
get_playbook

Write 2 · Create, change, send or run things.

build_context
run_gates

Not yet classified 5 · We could not tell from the name and description.

frontend_design_loop_design
frontend_design_loop_eval
frontend_design_loop_solve
preview_start
preview_stop

Files it touches

Any path the agent passes to its tools

Tools (9)

Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].

build_context
Build a redacted context blob from repository files.
capture_screenshots
Capture screenshots for the agent to inspect directly.
frontend_design_loop_design
Design-first wrapper around `frontend_design_loop_solve`. Use this when you want Frontend Design Loop to actively improve the UI, not just verify a host-authored patch bundle.
frontend_design_loop_eval
MCP tool wrapper for `_frontend_design_loop_eval_impl`. Returns: - JSON summary (TextContent) - Optional vision instructions (TextContent) when vision_provider=client - Optional screenshots as ImageContent (base64) so Claude can use built-in vision
frontend_design_loop_solve
Generate multiple patch candidates, run gates, (optionally) run vision, pick a winner. Notes: - The tool operates on a target git repo (`repo_path`), not on this MCP repo. - By default it does NOT apply changes; it returns a winner patch (git diff) you can apply.
get_playbook
Read a strategy playbook. These playbooks define the workflow. They are the core product here.
preview_start
Start a preview server and wait until it responds.
preview_stop
Stop a preview server by PID, or stop all managed previews.
run_gates
Run test and lint commands and return pass/fail plus tailed output.

Signals

Stars: 1
Forks: 1
Open issues: 1
Weekly downloads: 39
Last commit: Mar 19, 2026 (7 months ago)
Last release: Mar 9, 2026 (7 months ago)
Last package publish: Mar 9, 2026 (7 months ago)

From GitHub (fetched Oct 24, 2026) and the package registry.

Details

Registry name: io.github.alexalexalex222/frontend-design-loop-mcp
Version: 1.0.0
Auth: No auth
Packages: pypi frontend-design-loop-mcp
License: MIT
Repository: github.com/alexalexalex222/frontend-design-loop-mcp
First seen: Oct 24, 2026
Last checked: Oct 25, 2026
Source: Official MCP Registry github-graphql

Cite this page

Frontend Design Loop MCP. Agent Mart. https://agentmart.dev/connectors/alexalexalex222-frontend-design-loop-mcp (last updated 2026-10-25)