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
`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"
}

UIFlowchartCreator

generate_ui_flow

Input Schema

Input Schema (JSON Schema)

Other Tools