Custom Servers

Custom Servers allows users to connect to any custom MCP servers, providing a seamless way to link these servers to the code studio extension for enhanced accessibility and control.

1. Remote server
2. NPM server
3. Local server

Steps to add custom servers

Click the Syncfusion Code Studio icon on the left toolbar to open the Syncfusion Code Studio chat window.

Navigate to MCP section by clicking MCP icon and move to custom servers tab.

Remote Server:

This option allows user to connect existing remote servers to the code studio extension using the remote server url end point.
Fill server name, server url, choose server type as remote server then click ‘add server’ button

After installation, the custom remote server entry occurs in config.yaml file and user installed servers section.

Also, the added custom remote server occurs in MCP section and custom remote server’s tool occurs in tools section.

NPM Server:

This option allows user to install and configure mcp server as npm package to the code studio extension using npm package name.
Fill server name, NPM package, choose server type as npm package then click ‘add server’.

After installation, the custom npm server entry occurs in config.yaml file and user installed servers section.

Also, the added custom npm server occurs in MCP section and custom npm server ‘stools occurs in tool section.

Local server:

This option allows user to build and configure the mcp server from the server source to the code studio extension.
Fill server name, script path, choose server type as local server then click ‘add server’.

After installation, the custom local server entry occurs in config.yaml file and user installed servers section.

Also, the added custom local server occurs in MCP section and custom local server’s tools occur