MCP server

PrequelUI exposes a Model Context Protocol server over Streamable HTTP. Connect it once and your assistant can list blocks, search them, read their source and produce the exact install command.

Endpoint

The server lives at https://prequelui.terravidhal.me/mcp. It is public and read-only — no account, token or API key is needed.

# Streamable HTTP
https://prequelui.terravidhal.me/mcp

# Streamable HTTP
https://prequelui.terravidhal.me/mcp

Claude Code

Add the server with one command:

claude mcp add --transport http prequelui https://prequelui.terravidhal.me/mcp

claude mcp add --transport http prequelui https://prequelui.terravidhal.me/mcp

Claude Code stores the entry in your configuration, and the server is available in every project. Run claude mcp list to check the connection.

Claude Desktop

Add the server to claude_desktop_config.json (Settings → Developer → Edit Config), then restart the app:

{
  "mcpServers": {
    "prequelui": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://prequelui.terravidhal.me/mcp"]
    }
  }
}

{
  "mcpServers": {
    "prequelui": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://prequelui.terravidhal.me/mcp"]
    }
  }
}

The config uses mcp-remote to bridge the remote Streamable HTTP endpoint into Claude Desktop.

Cursor

Add the server to ~/.cursor/mcp.json (or .cursor/mcp.json in a project), then enable it in Cursor Settings → MCP:

{
  "mcpServers": {
    "prequelui": {
      "url": "https://prequelui.terravidhal.me/mcp"
    }
  }
}

{
  "mcpServers": {
    "prequelui": {
      "url": "https://prequelui.terravidhal.me/mcp"
    }
  }
}

VS Code

Add the server to .vscode/mcp.json in your project (or run MCP: Add Server from the command palette):

{
  "servers": {
    "prequelui": {
      "type": "http",
      "url": "https://prequelui.terravidhal.me/mcp"
    }
  }
}

{
  "servers": {
    "prequelui": {
      "type": "http",
      "url": "https://prequelui.terravidhal.me/mcp"
    }
  }
}

Windsurf

Add the server to ~/.codeium/windsurf/mcp_config.json, then refresh the MCP servers from Windsurf settings:

{
  "mcpServers": {
    "prequelui": {
      "serverUrl": "https://prequelui.terravidhal.me/mcp"
    }
  }
}

{
  "mcpServers": {
    "prequelui": {
      "serverUrl": "https://prequelui.terravidhal.me/mcp"
    }
  }
}

Available tools

• list_blocks — every block with its name, title, category and description, optionally filtered by category.
• search_blocks — search blocks by keyword across names, titles, descriptions and tags.
• get_block — one block's description, install command, dependencies and full source.
• get_install_command — a single npx shadcn command for one or more block names.

Try it

Ask your assistant something like “Find a revenue chart block and show me how to install it”. It can call search_blocks, then get_install_command, and run the command for you.