Glue MCP Server

Maps API JSON to Vue/React components with Zod schemas and live UI previews

Local serverstdio

What is the Glue MCP server?

Maps API JSON to Vue/React components with Zod schemas and live UI previews. The glue mcp server wraps that behind the Model Context Protocol, so an assistant can use it through 3 defined tools rather than through you.

What it actually does

This is a Two-Stage System for automating frontend integration:

Its toolset

Everything the assistant can do here goes through one of these:

  • api_json_sample — string
  • vue_component_code — string
  • generate_ui_schema — The generate_ui_schema tool exposed by this server

Adding it to your client

The server ships on npm as @modelcontextprotocol/inspector, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.

When to reach for it

Among the developer tooling options, the useful question is rarely "what can it do" but "what does it cost you to run" — permissions, credentials, and how much of your context its toolset consumes. Glue's toolset — api_json_sample, vue_component_code, generate_ui_schema — is a fair guide to whether it matches your workflow. It is maintained by Maverick7; worth a glance at recent repository activity before you build anything load-bearing on it.

This entry was verified against Glue's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.

Caveats

  • It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
  • MCP clients confirm each tool call by default. Leave that on until you have watched what the glue mcp server does with a few real requests.

Available tools

ToolWhat it does
api_json_samplestring
vue_component_codestring
generate_ui_schemaThe generate_ui_schema tool exposed by this server.

How to install the Glue MCP server

{
  "mcpServers": {
    "glue-code-generator": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/inspector"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • Use Glue to api json sample.
  • Use Glue to vue component code.
  • Use Glue to generate ui schema.

Frequently asked questions

It connects Glue to MCP-compatible AI assistants such as Claude and Cursor, exposing 3 tools (api_json_sample, vue_component_code, generate_ui_schema) that the assistant can call on your behalf. Instead of copying data back and forth by hand, the assistant works with Glue directly.