Agent Studio
Create, manage, and orchestrate AI agents inside Visual Studio Code with a visual, developer-friendly control plane.
Hero / Tagline
🚀 Build multi-agent workflows without getting lost in config files.
Agent Studio gives you a visual dashboard to design agents, inspect relationships, and understand tools, skills, and MCP servers at a glance.
CTA: Install Agent Studio and run your agent ecosystem directly where you code.
Features
🧠 Visual Agent Dashboard
- Manage agents from a dedicated VS Code sidebar and dashboard.
- Edit agent definitions with a clearer, structured workflow.
- Keep agent context close to your codebase.
🔗 Agent Relationships
- Visualize how agents connect and hand off work.
- Understand flow and dependencies faster in multi-agent setups.
- Reduce onboarding time for new teammates.
- Inspect which tools, skills, and MCP servers each agent uses.
- Spot capability gaps and overlap quickly.
- Navigate from high-level architecture to implementation details.
🛠 Better DX Than Raw Config Files
- Move from scattered files to a guided in-editor experience.
- Discover, edit, and organize agents with less friction.
- Keep workflows readable as your system grows.
📍 Native VS Code Experience
- Works directly in your editor, alongside your project.
- Open agents in chat and move from design to execution quickly.
- No context switching to external dashboards.
Screenshots
Replace these placeholders with real captures before Marketplace publication.
Visual Agent Dashboard (placeholder)
Agent relationships and workflow graph (placeholder)
Tools, Skills, and MCP visibility (placeholder)
Why Agent Studio?
If you are building with multiple AI agents, complexity grows fast. Agent Studio helps you stay in control.
- Clear visual model of your agent ecosystem.
- Faster debugging of orchestration issues.
- Better collaboration across teams.
- Reduced cognitive load versus manual configuration.
Installation
From VS Code Marketplace (recommended)
- Open Extensions in VS Code.
- Search for Agent Studio.
- Select the extension and click Install.
Manual install (VSIX)
- Download the latest
.vsix package from your release channel.
- In VS Code, open the Command Palette.
- Run Extensions: Install from VSIX... and select the file.
Basic Usage
Quick Getting Started
- Open the Agent Studio icon in the Activity Bar.
- Run Agent Studio: Open Dashboard.
- Create your first agent with Agent Studio: Create Agent.
- Add or inspect capabilities (tools, skills, MCP servers).
- Create a workflow and connect agent steps visually.
- Open an agent in chat and execute your flow.
Typical first workflow
- Create an agent for planning.
- Create an agent for implementation.
- Connect them in a workflow.
- Validate capabilities from the dashboard inspector.
- Launch from chat and iterate.
Available Commands
- Agent Studio: Open Dashboard
- Agent Studio: Quick Find Agent
- Agent Studio: Quick Find Workflow
- Agent Studio: Quick Find Capability
- Agent Studio: Create Agent
- Agent Studio: Edit Agent
- Agent Studio: Delete Agent
- Agent Studio: Duplicate Agent
- Agent Studio: Open Agent In Chat
- Agent Studio: Create Workflow
- Agent Studio: Start MCP Server
- Agent Studio: Focus Capability In Dashboard
- Agent Studio: Focus Workflow In Dashboard
- Agent Studio: Refresh Studio
- Agent Studio: Show Tools Guide
Configuration
Agent Studio supports workspace configuration for agent discovery paths.
agentStudio.agentPaths: Additional workspace-relative directories to discover .agent.md files.
Default:
{
"agentStudio.agentPaths": [".github/agents"]
}
Roadmap
Planned improvements include:
- More advanced workflow orchestration controls.
- Richer validation and diagnostics for agent setups.
- Expanded templates for common agent architectures.
- Enhanced observability for multi-agent execution.
Contributing
Contributions are welcome. For contribution guidelines, issue reporting, and collaboration flow, check the project documentation and open a pull request.
License
MIT License. See LICENSE for details.