AI & MCP

Best MCP servers for frontend in 2026 (9 tools)

An MCP server gives the agent component records, page text and install commands. Nine tools, their licences, and what each adds to frontend work.

Key points

  • The EneUI server exposes 9 read-only tools, counted in backend/mcp.js on 1 November 2026.
  • Streamable HTTP over JSON-RPC 2.0, protocolVersion 2025-06-18, 4 design systems as resources.
  • The anonymous endpoint is limited per IP to 120 requests per minute.

An MCP server for the frontend gives the agent component records, screenshots and page data without copy and paste. The EneUI server exposes 9 tools in read-only mode, counted in backend/mcp.js on 1 November 2026.

ServerWhat it adds to the agentLicenceMeasured figure
EneUI (/mcp)111,985 components and 1,556 blocks, read-onlyServer code in the site repository9 tools, 1 November 2026
shadcn MCP (CLI)shadcn registries: search, view, installMIT127,109 stars on 1 November 2026
Chrome DevTools MCPConsole, network and performance of a real pageApache-2.054,603 stars on 1 November 2026
Playwright MCPA driven browser for tests and screenshotsApache-2.038,935 stars on 1 November 2026
Context7Current documentation for librariesMIT64,039 stars on 1 November 2026
MCP reference serversFilesystem, fetch, gitMixed, per server91,732 stars on 1 November 2026

What the number means

9 is the number of tools registered in the TOOLS array of backend/mcp.js, not the number of endpoints. Each tool has an input schema and returns text: the server writes no file, spends no quota and touches no account.

How to choose an MCP server

  • Prefer read-only: a server that writes files should be limited to one directory.
  • Check the transport: stdio for a local process, Streamable HTTP for a remote endpoint.
  • Count the token cost: every result goes back into the context and is paid for.
  • Read the licence of the server, not of the catalogue it queries.
  • Check the rate limit before you wire it into a CI pipeline.

The catalogue record

The server returns records such as agent-dock: MIT licence, 468 stars declared upstream on 1 November 2026, page URL and install command. Neighbouring records sit in the agent category and in the AI Elements library.

How to query it

curl -s https://ui.eneawork.it/mcp \
  -H "Content-Type: application/json" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/list"}'

The response lists the 9 tools with their description and input schema. A client such as Claude Code makes the same call, so the number you read here is the number the agent sees.

The limitation

The public endpoint is anonymous and limited per IP to 120 requests per minute: an agent that explores in parallel reaches the ceiling at once. Commercial libraries return metadata, but the install command only arrives with a paid plan.

Where to continue

Configuration for the three editors is in shadcn MCP in Claude Code, Cursor and VS Code, the protocol itself in what MCP is. For the comparison between shipping code and shipping a package read copy-paste or headless.

Frequently asked questions

How many MCP servers do you need for frontend work?

Two or three: a component catalogue, a server that reads the real page, and one for tests. Each adds results to the context, and the model pays for them in tokens.

Is the EneUI MCP server free?

Yes for reading: the tools need no key and spend no quota. The install command for a commercial library needs a paid plan.

Which transport does the /mcp endpoint use?

Streamable HTTP with JSON-RPC 2.0 over POST, version 2025-06-18. A local server can use stdio, as the reference servers do.

Can I connect several MCP servers to one client?

Yes, and the client decides which tools to show the model. Too many tools with similar names confuse the choice: keep the ones you actually use.

How many tools does the EneUI server expose?

9: search_components, get_component, search_blocks, get_block, get_design_system, list_design_systems, compose_page, list_categories and get_page, counted on 1 November 2026.