UIFlowchartCreator

generate_ui_flow

Create UI flow diagrams by analyzing React/Angular repositories. Identify components, their relationships, and overall UI structure by scanning codebases locally or from GitHub.

Instructions

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

NameRequiredDescriptionDefault
fileExtensionsNoList of file extensions to analyze (e.g., ['js', 'jsx', 'ts', 'tsx'] for React, ['ts', 'html'] for Angular)
isLocalYesWhether to analyze a local repository (true) or GitHub repository (false)
ownerNoGitHub repository owner (required if isLocal is false)
repoNoGitHub repository name (required if isLocal is false)
repoPathYesPath 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" }

You must be authenticated.

Other Tools from UIFlowchartCreator

Related Tools

ID: iv0jenp2hq