Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type @ followed by the MCP server name and your instructions, e.g., "@UIFlowchartCreator create a flowchart for a login screen with email and password fields"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
UIFlowchartCreator is an MCP (Model Context Protocol) server for creating UI flowcharts. This tool helps developers and designers visualize user interfaces and their interactions.
The source code for this project is available on GitHub: https://github.com/umshere/uiflowchartcreator
Related MCP server: Generative-UI-MCP
Generate UI flowcharts based on input specifications
Integrate with MCP-compatible systems
Easy-to-use API for flowchart creation
npm install uiflowchartcreatorTo 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.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the ISC License.
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.
Inputs: isLocal (required), repoPath (required), fileExtensions, owner, +1 more.
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
Scored across 1 tool
With only one tool, there is no possibility of ambiguity or overlap between tools. The tool's purpose is clearly defined as generating UI flow diagrams from React/Angular repositories, making it distinct by default.
The single tool follows a clear verb_noun pattern (generate_ui_flow), and with no other tools to compare, consistency is inherently perfect. There are no deviations or mixed conventions to evaluate.
One tool is too few for a server named 'UIFlowchartCreator', which implies a broader scope of UI flowchart creation and management. A single tool feels thin and limits functionality, such as missing operations for editing, exporting, or analyzing existing diagrams.
The tool surface is severely incomplete for the domain of UI flowchart creation. While generate_ui_flow covers initial diagram generation, there are significant gaps: no tools for updating, deleting, exporting, or viewing diagrams, and no lifecycle coverage beyond creation.
Create and manage Mermaid.js flowcharts and diagrams with AI agents via MCP.
Build and run AI workflows, agents, data tables and 1000+ API integrations from any MCP client.
Render, verify, describe, and safely edit Mermaid diagrams through MCP.
Generate, inspect, and manage Flowstep UI designs directly from your AI assistant.
