szetop-backend-code-gen-mcp

# 易图代码生成 MPC Server 易图代码生成服务：支持识别设计图或 UI 效果图中的参数与字段，可用于生成代码提示词（Prompt）或直接提取界面内容。 ## Authors 深圳市易图资讯股份有限公司 ## 功能特点 - 支持图像加表实体直接生成创建 api 的提示词 [//]: # (- 使用 Anthropic Claude Vision、OpenAI GPT-4 Vision 或 Cloudflare Workers AI llava-1.5-7b-hf 进行图像描述) - 方便集成到 Trae、Claude Desktop、Cursor 及其他兼容 MCP 的客户端 - 支持 uvx 安装 - 支持多种图像格式（JPEG、PNG、GIF、WebP） - 可配置主用和备用服务提供商 - 支持 Base64 及文件形式的图像输入 - 可选的 Tesseract OCR 文本提取功能 ## 运行环境要求 - Python 3.8 及以上版本 [//]: # (- Tesseract OCR（可选）— 文本提取功能需要) [//]: # ( - Windows：从 [UB-Mannheim/tesseract](https://github.com/UB-Mannheim/tesseract/wiki) 下载并安装) [//]: # ( - Linux：`sudo apt-get install tesseract-ocr`) [//]: # ( - macOS：`brew install tesseract`) ## 安装 ### 选项 1：使用 uvx（推荐用于 Trae、Claude Desktop 和 Cursor） 1. 安装 [uv](https://github.com/astral-sh/uv) 包管理器： ```bash pip install uv ``` 2. 使用 uvx 安装该包： ```bash uvx pip install szetop-backend-code-gen-mcp ``` 3. 按照“配置”部分的说明创建并配置你的环境文件 ### 选项 2：使用 pip 1. 安装或更新 pip 包管理器： ```bash python -m pip install --upgrade pip ``` 2. 使用 pip 安装该包： ```bash pip install szetop-backend-code-gen-mcp ``` 3. 按照“配置”部分的说明创建并配置你的环境文件 ### 选项 2：从源码安装 1. 克隆仓库： ```bash git clone http://localhost:3000/root/yt_mcp_services.git cd szetop-trae-dev/backend_code_gen ``` 2. 创建并配置你的环境文件： ```bash cp .env.example .env # 使用你的 API 密钥和偏好设置编辑 .env 文件 ``` 3. 构建项目： ```bash pip install -e . ``` ## 集成 ### Claude Desktop 集成 1. 打开 **Claude** > **Settings（设置）** > **Developer（开发者）** > **Edit Config（编辑配置）** > \* \*claude_desktop_config.json\*\* 2. 添加带有内联环境变量的配置： ```json { "mcpServers": { "szetop-backend-gen-mcp": { "command": "uvx", "args": [ "szetop-backend-gen-mcp" ] } } } ``` ### Cursor 集成 打开 Cursor Settings（设置） > MCP，并粘贴包含环境变量的命令： ``` VISION_PROVIDER=openai OPENAI_API_KEY=your-api-key OPENAI_MODEL=gpt-4o uvx szetop-mcp-dev ``` ## 使用方法 ### 直接运行服务端…