UIFlowchartCreator

UIFlowchartCreator

允许用户通过在 MCP 兼容系统中易于使用的 API 生成用户界面和交互的可视化效果，从而创建 UI 流程图。

AI内容生成
Git管理工具
访问服务器

Tools

generate_ui_flow

Generate a UI flow diagram by analyzing React/Angular repositories. This tool scans the codebase to identify components, their relationships, and the overall UI structure.

README

UIFlowchartCreator

UIFlowchartCreator 是一个用于创建 UI 流程图的 MCP (模型上下文协议) 服务器。此工具帮助开发者和设计师可视化用户界面及其交互。

GitHub 仓库

此项目的源代码可在 GitHub 上找到： https://github.com/umshere/uiflowchartcreator

特性

  • 基于输入规范生成 UI 流程图
  • 与 MCP 兼容的系统集成
  • 易于使用的 API 用于流程图创建

安装

npm install uiflowchartcreator

用法

要在您的 MCP 兼容系统中使用 UIFlowchartCreator，请将其添加到您的 MCP 配置中：

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

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

贡献

欢迎贡献！请随时提交 Pull Request。

许可

此项目根据 ISC 许可证获得许可。

推荐服务器

AIO-MCP Server

AIO-MCP Server

🚀 集成了 AI 搜索、RAG 和多服务（GitLab/Jira/Confluence/YouTube）的一体化 MCP 服务器，旨在增强 AI 驱动的开发工作流程。来自 Folk。

精选
本地
Knowledge Graph Memory Server

Knowledge Graph Memory Server

为 Claude 实现持久性记忆，使用本地知识图谱，允许 AI 记住用户的信息，并可在自定义位置存储，跨对话保持记忆。

精选
本地
https://github.com/Streen9/react-mcp

https://github.com/Streen9/react-mcp

react-mcp 与 Claude Desktop 集成，能够根据用户提示创建和修改 React 应用程序。

精选
本地
any-chat-completions-mcp

any-chat-completions-mcp

将 Claude 与任何 OpenAI SDK 兼容的聊天完成 API 集成 - OpenAI、Perplexity、Groq、xAI、PyroPrompts 等。

精选
Exa MCP Server

Exa MCP Server

一个模型上下文协议服务器，它使像 Claude 这样的人工智能助手能够以安全和受控的方式，使用 Exa AI 搜索 API 执行实时网络搜索。

精选
AI 图像生成服务

AI 图像生成服务

可以用于 Cursor 集成 MCP 服务器。

精选
MCP Web Research Server

MCP Web Research Server

一个模型上下文协议服务器，使 Claude 能够通过集成 Google 搜索、提取网页内容和捕获屏幕截图来进行网络研究。

精选
MySQL MCP Server

MySQL MCP Server

允许人工智能助手通过受控界面列出表格、读取数据和执行 SQL 查询，从而使数据库探索和分析更安全、更有条理。

精选
browser-use MCP server

browser-use MCP server

一个由人工智能驱动的浏览器自动化服务器，它实现了模型上下文协议，从而能够使用自然语言控制网页浏览器，以执行诸如导航、表单填写和视觉交互等任务。

精选
mcp-codex-keeper

mcp-codex-keeper

作为开发知识的守护者，为 AI 助手提供精心策划的最新文档和最佳实践访问权限。

精选