# ByteFun AI MCP 服务

ByteFun AI MCP服务 - 打通产品设计、UI设计、代码开发的服务平台，支持设计稿转代码和跨平台原生代码开发

## 功能概述

ByteFun AI MCP服务提供两大核心功能模块，实现从设计到代码的完整工作流：

1. **UI设计优化** - 将用户输入的需求转换为带有UI设计规范的静态HTML+CSS设计提示词，实现设计稿到代码的转换
2. **代码开发优化** - 将用户输入的需求转换为带有完整开发规则的TypeScript代码开发提示词，支持跨平台原生开发

## 安装

### 前置要求
- Node.js 18+
- npm 或 yarn

### 全局安装
```bash
npm install -g bytefun-ai-mcp
```

### 本地安装
```bash
npm install bytefun-ai-mcp
```

## 使用方法

### ⚠️ 重要说明

**智能单一选择**：ByteFun AI MCP服务根据用户需求智能判断选择最合适的单一功能，每次只执行一个工具。

**使用机制**：
- 🎯 **UI设计需求**：当用户关注界面、设计、样式、布局等视觉方面时，自动选择 `optimize_ui_design_prompt`
- 🔧 **代码开发需求**：当用户关注功能、逻辑、实现、开发等技术方面时，自动选择 `implement_logic_code_prompt`
- 🤖 **智能判断**：系统自动分析用户真实意图，选择最合适的功能

**典型使用场景**：
1. **界面设计**：专注视觉设计和用户体验
2. **功能开发**：专注业务逻辑和技术实现
3. **设计转代码**：从设计稿到可执行代码

### 在MCP客户端中配置

将以下配置添加到你的MCP客户端配置文件中：

```json
{
  "mcpServers": {
    "bytefun-ai-mcp": {
      "command": "bytefun-ai-mcp",
      "args": []
    }
  }
}
```

### 可用工具

#### 1. optimize_product_design_prompt
优化产品需求设计提示词，生成产品业务逻辑设计文档

**参数:**
- `user_input` (string): 用户输入的产品需求描述

**示例:**
```
用户输入: "设计一个电商购物APP"
优化后: 包含完整产品设计规则 + 功能模块分析 + "# 用户需求描述\n设计一个电商购物APP"
```

#### 2. optimize_ui_design_prompt  
优化UI设计提示词，实现设计稿到代码的转换

**参数:**
- `user_input` (string): 用户输入的UI设计需求

**示例:**
```
用户输入: "设计一个现代化的电商商品列表页面"
优化后: 包含UI设计规范 + 设计稿转代码规则 + "# 用户需求描述\n设计一个现代化的电商商品列表页面"
```

#### 3. optimize_code_design_prompt
优化代码逻辑设计提示词，生成详细的代码设计文档

**参数:**
- `user_input` (string): 用户输入的代码设计需求

**示例:**
```
用户输入: "设计登录页面的代码逻辑"
优化后: 包含代码逻辑设计分析框架 + 程序流程图设计 + "# 用户需求描述\n设计登录页面的代码逻辑"
```

#### 4. implement_logic_code_prompt
优化代码开发提示词，支持跨平台原生开发

**参数:**
- `user_input` (string): 用户输入的开发需求描述

**示例:**
```
用户输入: "创建一个用户登录页面，支持手机号和邮箱登录"
优化后: 包含完整TypeScript开发规则 + 跨平台原生开发指导 + "# 用户需求描述\n创建一个用户登录页面，支持手机号和邮箱登录"
```

#### 5. optimize_backend_design_prompt
优化后端数据库与接口设计提示词，生成数据库架构和API接口设计

**参数:**
- `user_input` (string): 用户输入的后端设计需求

**示例:**
```
用户输入: "为用户系统模块设计数据库和接口"
优化后: 包含数据库设计规范 + 接口设计标准 + "# 用户需求描述\n为用户系统模块设计数据库和接口"
```

#### 6. optimize_hand_drawn_ui_design_prompt
分析手绘UI设计稿，提取详细的设计信息

**参数:**
- `user_input` (string): 包含手绘UI设计稿的用户输入

**示例:**
```
用户输入: "分析这个手绘的登录页面设计稿"
优化后: 包含手绘稿分析框架 + 组件识别规则 + "# 用户需求描述\n分析这个手绘的登录页面设计稿"
```

## 核心价值

### 🎨 智能设计到代码链路
- **UI设计** → **代码实现**
- 两个环节无缝衔接，确保产品一致性

### 🔧 跨平台原生开发支持
- TypeScript代码规范
- 跨平台框架适配
- 原生性能优化指导

### 🚀 AI驱动的智能优化
- 智能提示词增强
- 上下文理解优化
- 输出质量保证

### ⚡ 高效的开发体验
- 零文件依赖架构
- 毫秒级响应速度
- 内存使用优化

## 智能判断原则

### 单一功能选择
根据用户描述，智能判断选择唯一最合适的功能：
- 如果用户主要关注"界面外观、设计、布局、样式"→ **UI设计优化**
- 如果用户主要关注"功能实现、逻辑处理、代码开发"→ **代码开发优化**

### 判断策略
- **UI设计优先**：用户明确提到界面、设计、样式、布局、外观等视觉相关词汇
- **代码开发优先**：用户明确提到功能、逻辑、实现、开发、编程等技术相关词汇
- **模糊情况**：优先选择代码开发（覆盖范围更广）

## 技术架构

- **MCP协议**: 基于Model Context Protocol标准
- **TypeScript**: 类型安全的开发体验
- **零依赖**: 硬编码模板，无外部文件依赖
- **高性能**: 启动时间<1ms，内存占用固定

## 许可证

UNLICENSED - 此软件为ByteFun专有产品，不开源。

## 问题反馈与技术支持

如需技术支持、问题反馈或了解更多信息，请通过以下方式联系：

🌐 **官方网站**: [https://www.bytefungo.com](https://www.bytefungo.com)  
📧 **技术支持**: support@bytefungo.com

我们提供专业的技术支持服务，帮助您更好地使用ByteFun AI MCP服务。

---

© 2024 ByteFun. All rights reserved.