UI Flowchart Creator
Enables users to create UI flowcharts by generating visualizations of user interfaces and interactions through an easy-to-use API within MCP-compatible systems.
umshere
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 is an MCP (Model Context Protocol) server for creating UI flowcharts. This tool helps developers and designers visualize user interfaces and their interactions.
GitHub Repository
The source code for this project is available on GitHub: https://github.com/umshere/uiflowchartcreator
Features
- Generate UI flowcharts based on input specifications
- Integrate with MCP-compatible systems
- Easy-to-use API for flowchart creation
Installation
npm install uiflowchartcreator
Usage
To use UIFlowchartCreator in your MCP-compatible system, add it to your MCP configuration:
{
"mcpServers": {
"uiflowchartcreator": {
"command": "node",
"args": ["path/to/uiflowchartcreator/build/index.js"],
"env": {}
}
}
}
For detailed usage instructions and API documentation, please refer to the source code and comments in src/index.ts.
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
License
This project is licensed under the ISC License.
Recommended Servers
React MCP
react-mcp integrates with Claude Desktop, enabling the creation and modification of React apps based on user prompts
Persistent Knowledge Graph
An implementation of persistent memory for Claude using a local knowledge graph, allowing the AI to remember information about users across conversations with customizable storage location.
AIO-MCP Server
🚀 All-in-one MCP server with AI search, RAG, and multi-service integrations (GitLab/Jira/Confluence/YouTube) for AI-enhanced development workflows. Folk from
Fetch MCP Server
Provides functionality to fetch web content in various formats, including HTML, JSON, plain text, and Markdown.
Search1API MCP Server
A Model Context Protocol (MCP) server that provides search and crawl functionality using Search1API.
Database Explorer
A powerful Model Context Protocol (MCP) tool for exploring and managing different types of databases including PostgreSQL, MySQL, and Firestore.
OpenRouter MCP Server
Provides integration with OpenRouter.ai, allowing access to various AI models through a unified interface.
AI 图像生成服务
可用于cursor 集成 mcp server
Web Research Server
A Model Context Protocol server that enables Claude to perform web research by integrating Google search, extracting webpage content, and capturing screenshots.
MySQL Server
Allows AI assistants to list tables, read data, and execute SQL queries through a controlled interface, making database exploration and analysis safer and more structured.