Back to MCP directory
publicPublicdnsLocal runtime

UI Flowchart Creator

UIFlowchartCreator是一个用于创建UI流程图的MCP服务器工具,帮助开发者和设计师可视化用户界面及其交互。

article

README

🚀 UI流程图生成器

UIFlowchartCreator 是一款基于 MCP(模型上下文协议)的服务器工具,专为创建用户界面流程图而设计。它能助力开发者与设计师将用户界面及其交互过程进行可视化呈现,极大提升工作效率。

🚀 快速开始

UIFlowchartCreator 是一个用于创建用户界面流程图的 MCP 服务器。若要在您的 MCP 兼容系统中使用它,可按以下步骤操作。

安装

npm install uiflowchartcreator

配置

将 UIFlowchartCreator 添加到您的 MCP 配置:

{
  "mcpServers": {
    "uiflowchartcreator": {
      "command": "node",
      "args": ["path/to/uiflowchartcreator/build/index.js"],
      "env": {}
    }
  }
}

有关详细使用说明和 API 文档,请参阅源代码和 src/index.ts 中的注释。

✨ 主要特性

  • 流程图生成:可根据输入规范生成 UI 流程图。
  • 系统集成:能够集成与 MCP 兼容的系统。
  • 便捷 API:提供易于使用的 API 用于流程图创建。

📦 安装指南

使用以下命令进行安装:

npm install uiflowchartcreator

💻 使用示例

基础用法

要在您的 MCP 兼容系统中使用 UIFlowchartCreator,需将其添加到 MCP 配置:

{
  "mcpServers": {
    "uiflowchartcreator": {
      "command": "node",
      "args": ["path/to/uiflowchartcreator/build/index.js"],
      "env": {}
    }
  }
}

高级用法

有关详细使用说明和 API 文档,请参阅源代码和 src/index.ts 中的注释。

📚 详细文档

更多详细信息请查看项目的源代码,以及 src/index.ts 中的注释。

🤝 贡献

欢迎大家为项目贡献力量!请随时提交 Pull Request。

📄 许可证

该项目根据 ISC 许可证发布。

🔗 GitHub 仓库

该项目的源代码托管在 GitHub 上: https://github.com/umshere/uiflowchartcreator

help

Runtime guide

cloud

Hosted runtime

Hosted servers run from a provider-managed environment. You usually connect the MCP client to the hosted endpoint or follow the provider's authorization flow, without keeping a local process alive

  1. Open provider connection page
  2. Authorize or copy endpoint
  3. Connect from your MCP client
terminal

Local runtime / other methods

Local servers run on your own machine or infrastructure. You normally copy the server_config into your MCP client, install the required package, and provide env variables from env_schema when needed

  1. Copy server_config
  2. Install required package
  3. Fill env variables and restart client