bytefun-ai-mcp

ByteFun AI MCP 服务

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

功能概述

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

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

安装

前置要求

• Node.js 18+
• npm 或 yarn

全局安装

npm install -g bytefun-ai-mcp

本地安装

npm install bytefun-ai-mcp

使用方法

⚠️ 重要说明

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

使用机制：

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

典型使用场景：

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

在MCP客户端中配置

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

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

可用工具

1. optimize_code_prompt

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

参数:

• user_input (string): 用户输入的开发需求描述

示例:

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

2. optimize_ui_design_prompt

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

参数:

• user_input (string): 用户输入的UI设计需求

示例:

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

核心价值

🎨 智能设计到代码链路

• UI设计 → 代码实现
• 两个环节无缝衔接，确保产品一致性

🔧 跨平台原生开发支持

• TypeScript代码规范
• 跨平台框架适配
• 原生性能优化指导

🚀 AI驱动的智能优化

• 智能提示词增强
• 上下文理解优化
• 输出质量保证

⚡ 高效的开发体验

• 零文件依赖架构
• 毫秒级响应速度
• 内存使用优化

智能判断原则

单一功能选择

根据用户描述，智能判断选择唯一最合适的功能：

• 如果用户主要关注"界面外观、设计、布局、样式"→ UI设计优化
• 如果用户主要关注"功能实现、逻辑处理、代码开发"→ 代码开发优化

判断策略

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

技术架构

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

许可证

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

问题反馈与技术支持

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

🌐 官方网站: https://www.bytefungo.com
📧 技术支持: [e-mail]

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

---

© 2024 ByteFun. All rights reserved.