AgentHubAgentHub

ByteFun AI MCP 服务

MCP ServerMCP Hub 中国

io.mcp-cn.bytefun-ai-mcp · vlatest

ByteFun AI MCP服务 - 打通产品设计、UI设计、代码开发的服务平台，支持设计稿转代码和跨平台原生代码开发。提供两大核心功能模块：UI设计优化 - 将用户输入的需求转换为带有UI设计规范的静态HTML+CSS设计提示词，实现设计稿到代码的转换；代码开发优化 - 将用户输入的需求转换为带有完整开发规则的TypeScript代码开发提示词，支持跨平台原生开发。

在 MCP Hub 中国 查看 ↗

概览

ByteFun AI MCP 服务 是一个MCP Server，收录自 MCP Hub 中国。支持 stdio 传输。本页提供 Cursor、Claude Code 等客户端的安装配置片段。

ByteFunAIMCP产品设计UI设计代码开发设计稿转代码跨平台开发

安装

选择你的平台查看安装方式

{
  "mcpServers": {
    "io-mcp-cn-bytefun-ai-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "bytefun-ai-mcp"
      ]
    }
  }
}

相关资源

统一 Manifest

{
  "id": "io.mcp-cn.bytefun-ai-mcp",
  "type": "mcp-server",
  "version": "latest",
  "displayName": "ByteFun AI MCP 服务",
  "description": "ByteFun AI MCP服务 - 打通产品设计、UI设计、代码开发的服务平台，支持设计稿转代码和跨平台原生代码开发。提供两大核心功能模块：UI设计优化 - 将用户输入的需求转换为带有UI设计规范的静态HTML+CSS设计提示词，实现设计稿到代码的转换；代码开发优化 - 将用户输入的需求转换为带有完整开发规则的TypeScript代码开发提示词，支持跨平台原生开发。",
  "author": {
    "name": "ByteFun"
  },
  "homepage": "https://mcp-cn.com/server/135",
  "distribution": {
    "packages": [
      {
        "registryType": "npm",
        "identifier": "bytefun-ai-mcp",
        "runtimeHint": "npx",
        "transport": "stdio"
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "vscode"
  ],
  "keywords": [
    "use_count:19995",
    "ByteFun",
    "AI",
    "MCP",
    "产品设计",
    "UI设计",
    "代码开发",
    "设计稿转代码",
    "跨平台开发",
    "TypeScript",
    "HTML",
    "CSS"
  ],
  "provenance": {
    "origin": "mcp-cn",
    "originalId": "bytefun-ai-mcp",
    "originalUrl": "https://mcp-cn.com/server/135",
    "isOfficial": false,
    "status": "active"
  }
}
ByteFun AI MCP 服务 — MCP Server 安装与配置 · AgentHub