TarzanGPT for Visual Studio Code

Generate UML and workflow diagrams directly in VS Code using AI-powered diagram generation from TarzanGPT.

Features

• Generate diagrams from selected code - Select any code snippet and generate a diagram
• Generate diagrams from entire files - Analyze whole files to create comprehensive diagrams
• Custom diagram generation - Describe what you want and let AI create it
• Live preview - See your diagrams rendered instantly with Mermaid.js
• Multiple diagram types - Flowcharts, sequence diagrams, class diagrams, ER diagrams, and more
• Easy export - Copy Mermaid code or save to file

Supported Diagram Types

• Flowchart - Process flows and decision trees
• Sequence - Interaction sequences between objects
• Class - Class structures and relationships
• ER - Entity relationship diagrams
• Gantt - Project timelines and schedules
• State - State machines and transitions

Installation

From VS Code Marketplace (Coming Soon)

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
3. Search for "TarzanGPT"
4. Click Install

Manual Installation

1. Download the .vsix file from tarzangpt.com/extensions
2. In VS Code, open Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
3. Run Extensions: Install from VSIX...
4. Select the downloaded file

Setup

1. Get Your API Token

1. Go to tarzangpt.com/settings/api-tokens
2. Click "Generate New Token"
3. Give it a name (e.g., "VSCode Extension")
4. Choose expiration (90 days or 1 year)
5. Copy the token immediately (shown only once!)

2. Configure Extension

Option A: VS Code Settings UI

1. Open Settings (Ctrl+, / Cmd+,)
2. Search for "TarzanGPT"
3. Paste your API token in tarzangpt.apiToken

Option B: settings.json

1. Open Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
2. Run Preferences: Open Settings (JSON)
3. Add:

{
  "tarzangpt.apiToken": "tar_your_token_here",
  "tarzangpt.apiUrl": "https://tarzangpt.com",
  "tarzangpt.defaultDiagramType": "flowchart",
  "tarzangpt.autoPreview": true
}

Usage

Generate from Selected Code

1. Select code in your editor
2. Right-click → "TarzanGPT: Generate Diagram from Selection"
   • Or: Command Palette → "TarzanGPT: Generate Diagram from Selection"
3. Choose diagram type
4. View the generated diagram!

Generate from Current File

1. Open a file
2. Command Palette → "TarzanGPT: Generate Diagram from Current File"
3. Choose diagram type
4. View the generated diagram!

Generate Custom Diagram

1. Command Palette → "TarzanGPT: Generate Custom Diagram"
2. Choose diagram type
3. Describe what you want in the diagram
4. View the generated diagram!

Commands

Configuration

Examples

Example 1: Generate Flowchart from Code

// Select this code and run "Generate from Selection"
function login(username, password) {
  if (!username || !password) {
    return { error: 'Missing credentials' };
  }

  const user = authenticate(username, password);
  if (!user) {
    return { error: 'Invalid credentials' };
  }

  return { success: true, user };
}

Example 2: Custom Sequence Diagram

1. Run "Generate Custom Diagram"
2. Select "sequence"
3. Enter: "User logs in, system validates credentials, database checks user, returns token, user receives token"

Credits & Pricing

• Each TarzanGPT account gets 10 free credits per month
• Each diagram generation uses 1 credit
• Check your remaining credits in the notification after each generation

Troubleshooting

"API token not configured"

• Make sure you've set tarzangpt.apiToken in settings
• Get a new token at tarzangpt.com/settings/api-tokens

"Insufficient Credits"

• You've used all 10 credits for this month
• Contact support at tarzangpt.com/contact for assistance

"Failed to generate diagram"

• Check your internet connection
• Verify your API token is valid and not expired
• Make sure TarzanGPT service is accessible

Diagram not rendering

• Check if your input is valid
• Try a different diagram type
• Simplify your input description

Support

• Website: tarzangpt.com
• Contact: tarzangpt.com/contact
• Issues: GitHub Issues

Privacy & Security

• API tokens are stored locally in VS Code settings
• Code is sent to TarzanGPT API only when you explicitly generate diagrams
• No code is stored or logged on our servers
• All API communication uses HTTPS encryption

License

MIT

Made with ❤️ by TarzanGPT Team