UIFlowchartCreator
by umshere
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.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| fileExtensions | No | List of file extensions to analyze (e.g., ['js', 'jsx', 'ts', 'tsx'] for React, ['ts', 'html'] for Angular) | |
| isLocal | Yes | Whether to analyze a local repository (true) or GitHub repository (false) | |
| owner | No | GitHub repository owner (required if isLocal is false) | |
| repo | No | GitHub repository name (required if isLocal is false) | |
| repoPath | Yes | Path to local repository or empty string for GitHub repos |
Input Schema (JSON Schema)
{
"additionalProperties": false,
"properties": {
"fileExtensions": {
"default": [
"js",
"jsx",
"ts",
"tsx"
],
"description": "List of file extensions to analyze (e.g., ['js', 'jsx', 'ts', 'tsx'] for React, ['ts', 'html'] for Angular)",
"items": {
"type": "string"
},
"type": "array"
},
"isLocal": {
"description": "Whether to analyze a local repository (true) or GitHub repository (false)",
"type": "boolean"
},
"owner": {
"description": "GitHub repository owner (required if isLocal is false)",
"type": "string"
},
"repo": {
"description": "GitHub repository name (required if isLocal is false)",
"type": "string"
},
"repoPath": {
"description": "Path to local repository or empty string for GitHub repos",
"type": "string"
}
},
"required": [
"repoPath",
"isLocal"
],
"type": "object"
}