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.
LABSCO SUMMARY
A repo's component structure comes back as a UI flow diagram without manual mapping.
The one tool, generate_ui_flow, scans a React or Angular codebase to identify components, their relationships, and the overall UI structure, working from either a local path or a named remote repository.
What it is
A UI-diagram generator: its single tool analyzes a React or Angular repository and produces a UI flow diagram from the components it finds.
What you get
- Generate a UI flow diagram from a React or Angular repo, local or remote (generate_ui_flow)
Requirements
A React or Angular repository to scan — a local path or an owner and repo name.
Setup effort
One command — npx -y uiflowchartcreator
USE CASES
01
Mapping a React or Angular app's UI structure
Point the tool at a repo and get back a diagram of its components and their relationships.
1 tool
Counted once with only startup setup. Other versions, modes or optional credentials may expose a different list.
BEFORE YOU INSTALL
What to know first
Tools you get
1 tool when we connected.
Requires
npx on PATH
CONTEXT COST
Light Standing cost
Rated by the size of the one tool definition that rides along on every turn
INSTALLATION
Connect your client
Add the block to your client, or run the command directly.
Server setup
Configuration file
JSON
{
"mcpServers": {
"uiflowchartcreator": {
"command": "npx",
"args": [
"-y",
"uiflowchartcreator"
]
}
}
}npx
TERMINAL
npx -y uiflowchartcreator
