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
Chalk Labs
Need help deploying Frontend Design Loop MCP?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
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
Reviews
Write a reviewNo 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_screenshotsget_playbook
Write 2 · Create, change, send or run things.
build_contextrun_gates
Not yet classified 5 · We could not tell from the name and description.
frontend_design_loop_designfrontend_design_loop_evalfrontend_design_loop_solvepreview_startpreview_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_contextBuild a redacted context blob from repository files.
capture_screenshotsCapture screenshots for the agent to inspect directly.
frontend_design_loop_designDesign-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_evalMCP 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_solveGenerate 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_playbookRead a strategy playbook. These playbooks define the workflow. They are the core product here.
preview_startStart a preview server and wait until it responds.
preview_stopStop a preview server by PID, or stop all managed previews.
run_gatesRun 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 (8 months ago)
- Last package publish
- Mar 9, 2026 (8 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
- First seen
- Oct 24, 2026
- Last checked
- Nov 1, 2026
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get Frontend Design Loop MCP running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
Frontend Design Loop MCP. Agent Mart. https://agentmart.dev/connectors/alexalexalex222-frontend-design-loop-mcp (last updated 2026-11-01)