FUI MCP Server

MCP server for FUI low-code system - manage projects and modules via AI.

Quick Start

No installation required! You can run this MCP server directly using npx:

npx @minhphongvn/fui-mcp

Configuration

1. Claude Desktop

Add this to your %APPDATA%\Claude\claude_desktop_config.json:

{
  "mcpServers": {
    "fui-mcp": {
      "command": "npx",
      "args": ["-y", "@minhphongvn/fui-mcp"],
      "env": {
        "FUI_API_TOKEN": "YOUR_FUI_API_KEY_HERE"
      }
    }
  }
}

2. Cursor

Go to Cursor Settings > Features > MCP Servers > Add New:

• Name: fui-mcp
• Type: command
• Command: npx -y @minhphongvn/fui-mcp
• Environment Variables:
  • FUI_API_TOKEN = your_token_from_fui.vn

3. Chrome Extension Integration

To use this MCP server from a Chrome Extension, run it in SSE mode:

npx @minhphongvn/fui-mcp --sse
# Server listening on http://localhost:3001

Or specify a custom port:

npx @minhphongvn/fui-mcp --sse --port 8080

In your Extension (background script):

const eventSource = new EventSource('http://localhost:3001/sse');
eventSource.onmessage = (event) => {
  console.log('MCP Message:', JSON.parse(event.data));
};
// Use POST /messages to send requests

Prerequisites

• Node.js (v18 or higher)
• FUI API Token (Get it from fui.vn)

Tools

| Tool | Description | |------|-------------| | create_module | Create a new module (HTML page) in a project | | get_module | Get module content (HTML, CSS, Vue components) |

Resources

| URI | Description | |-----|-------------| | lowcode://modules/{projectId}/{moduleId} | Read module content |

Prompts

| Prompt | Description | |--------|-------------| | generate-vue-component | Generate Vue 2 component template |