Installation and Setup

Follow these simple steps to get started with SynapseX in VS Code:

Step 1: Install the Extension

You can install the SynapseX extension in two ways: Option A: From VS Code Open VS Code, navigate to the Extensions view (Ctrl+Shift+X or Cmd+Shift+X on Mac), search for “SynapseX”, and click Install. Option B: From VS Code Marketplace Visit the SynapseX extension page on the VS Code Marketplace and click Install.

Step 2: Find the AI Agent Icon

After installation, you’ll see the SynapseX AI Agent icon appear on the Activity Bar on the left side of your VS Code interface.

Step 3: Connect Your Account

Click on the AI Agent icon and connect your SynapseX account to start using the extension.
  1. Click Sign in with Google (or use your SynapseX credentials)
  2. Authorize the extension to access your SynapseX account
  3. Your account will be linked and ready to use
Don’t have an account? Create one for free and get started immediately.

Step 4: Start Using AI Assistance

Now you can start giving tasks to the SynapseX Coding Agent for both new projects and existing project improvements. Type your first prompt in the chat panel:
> create a Next.js project with TypeScript and Tailwind CSS
> analyze this code and suggest improvements
> fix the authentication bug in my login service

Step 5: Customize Your Workspace

Customize the extension chat window according to your preference by dragging it around your VS Code interface. Position it wherever works best for your workflow. You can also dock it as:
  • A side panel (left or right)
  • A bottom panel
  • A floating window

Additional Configurations/Customizations

Tool Configuration

Tools are ways to enable additional functionality and power to the SynapseX agent to perform various development-related tasks. You can control tools by clicking on the controls icon beside the settings button, selecting tools, and toggling any tool on or off. Available tools:
  • Browser — Launch and control a browser to navigate websites, interact with web elements, capture screenshots, and test web applications in real-time
  • File System — Read, write, and organize files in your project
  • Terminal — Execute commands and scripts
  • Git — Manage version control operations
  • MCP Servers — Connect to external Model Context Protocol servers

Fine-Grained Auto-Approval

When you enable Auto mode for tool execution, you can still retain control over which operations are auto-approved. Open the Tools configuration from the chat overflow menu to independently enable or disable auto-approval for:
  • ✅ Edit file
  • ✅ Create file
  • ✅ Command execution
  • ✅ Read file
These fine-grained settings are only applied while Auto mode is on. In Manual mode, every tool use requires your explicit approval.

Model Selection

Choose from multiple AI models based on your task:
ModelBest For
SynapseX DefaultGeneral coding, fast responses
Claude SonnetComplex reasoning, architecture
GPT-4oMulti-modal tasks, image analysis
DeepSeek CoderCode generation, performance
Gemini ProLong context, documentation

You’re Ready to Go!

With the extension installed and your account connected, you’re ready to experience AI-powered development directly in VS Code. The AI agent is now available to help you with any coding task — from creating new projects to improving existing code.

Introduction

Learn more about SynapseX VS Code extension

Key Features

Discover all powerful capabilities