Bifrost VSCode Dev Tools

This VS Code extension provides a Model Context Protocol (MCP) server that exposes VSCode's powerful development tools and language features to AI tools. It enables advanced code navigation, analysis, and manipulation capabilities when using AI coding assistants that support the MCP protocol.

- Features
- Installation/Usage
- Multi-Project Support
- Available Tools
- Available Commands
- Troubleshooting
- Contributing
- Debugging
- License

- Language Server Integration: Access VSCode's language server capabilities for any supported language
- Code Navigation: Find references, definitions, implementations, and more
- Symbol Search: Search for symbols across your workspace
- Code Analysis: Get semantic tokens, document symbols, and type information
- Smart Selection: Use semantic selection ranges for intelligent code selection
- Code Actions: Access refactoring suggestions and quick fixes
- HTTP/SSE Server: Exposes language features over an MCP-compatible HTTP server
- AI Assistant Integration: Ready to work with AI assistants that support the MCP protocol
- Installthe extensionfrom the VS Code marketplace
- Install any language-specific extensions you need for your development
- Open your project in VS Code

- Step 1. InstallSupergateway
- Step 2. Add config to cline
- Step 3. It will show up red but seems to work fine

{ "mcpServers": { "Bifrost": { "command": "cmd", "args": [ "/c", "npx", "-y", "supergateway", "--sse", "http://localhost:8008/sse" ], "disabled": false, "autoApprove": [], "timeout": 600 } } }

{ "mcpServers": { "Bifrost": { "command": "npx", "args": [ "-y", "supergateway", "--sse", "http://localhost:8008/sse" ], "disabled": false, "autoApprove": [], "timeout": 600 } } }

- Step 1: Add the SSE config to your global or project-based MCP configuration

{ "mcpServers": { "Bifrost": { "url": "http://localhost:8008/sse" } } }

Follow this video to install and use with cursor

FOR NEW VERSIONS OF CURSOR, USE THIS CODE

{ "mcpServers": { "Bifrost": { "url": "http://localhost:8008/sse" } } }

When working with multiple projects, each project can have its own dedicated MCP server endpoint and port. This is useful when you have multiple VS Code windows open or are working with multiple projects that need language server capabilities.

Create abifrost.config.jsonfile in your project root:

{ "projectName": "MyProject", "description": "Description of your project", "path": "/my-project", "port": 5642 }

The server will use this configuration to:

- Create project-specific endpoints (e.g.,http://localhost:5642/my-project/sse)
- Provide project information to AI assistants
- Use a dedicated port for each project
- Isolate project services from other running instances

{ "projectName": "BackendAPI", "description": "Node.js REST API with TypeScript", "path": "/backend-api", "port": 5643 }

{ "projectName": "FrontendApp", "description": "React frontend application", "path": "/frontend-app", "port": 5644 }

Each project should specify its own unique port to avoid conflicts when multiple VS Code instances are running:

- Theportfield inbifrost.config.jsondetermines which port the server will use
- If no port is specified, it defaults to 8008 for backwards compatibility
- Choose different ports for different projects to ensure they can run simultaneously
- The server will fail to start if the configured port is already in use, requiring you to either:

- Free up the port
- Change the port in the config
- Close the other VS Code instance using that port

Connecting to Project-Specific Endpoints

Update your AI assistant configuration to use the project-specific endpoint and port:

{ "mcpServers": { "BackendAPI": { "url": "http://localhost:5643/backend-api/sse" }, "FrontendApp": { "url": "http://localhost:5644/frontend-app/sse" } } }

If nobifrost.config.jsonis present, the server will use the default configuration:

- Port: 8008
- SSE endpoint:http://localhost:8008/sse
- Message endpoint:http://localhost:8008/message

This maintains compatibility with existing configurations and tools.

The extension provides access to many VSCode language features including:

- find_usages: Locate all symbol references.
- go_to_definition: Jump to symbol definitions instantly.
- find_implementations: Discover implementations of interfaces/abstract methods.
- get_hover_info: Get rich symbol docs on hover.
- get_document_symbols: Outline all symbols in a file.
- get_completions: Context-aware auto-completions.
- get_signature_help: Function parameter hints and overloads.
- get_rename_locations: Safely get location of places to perform a rename across the project.
- rename: Perform rename on a symbol
- get_code_actions: Quick fixes, refactors, and improvements.
- get_semantic_tokens: Enhanced highlighting data.
- get_call_hierarchy: See incoming/outgoing call relationships.
- get_type_hierarchy: Visualize class and interface inheritance.
- get_code_lens: Inline insights (references, tests, etc.).
- get_selection_range: Smart selection expansion for code blocks.
- get_type_definition: Jump to underlying type definitions.
- get_declaration: Navigate to symbol declarations.
- get_document_highlights: Highlight all occurrences of a symbol.
- get_workspace_symbols: Search symbols across your entire workspace.

- Visual Studio Code version 1.93.0 or higher
- Appropriate language extensions for the languages you want to work with (e.g., C# extension for C# files)

- Bifrost MCP: Start Server- Manually start the MCP server on port 8008
- Bifrost MCP: Start Server on port- Manually start the MCP server on specified port
- Bifrost MCP: Stop Server- Stop the running MCP server
- Bifrost MCP: Open Debug Panel- Open the debug panel to test available tools

{ "name": "find_usages", "arguments": { "textDocument": { "uri": "file:///path/to/your/file" }, "position": { "line": 10, "character": 15 }, "context": { "includeDeclaration": true } } }

{ "name": "get_workspace_symbols", "arguments": { "query": "MyClass" } }

- Ensure you have the appropriate language extensions installed for your project
- Check that your project has loaded correctly in VSCode
- Verify that port 8008 is available on your system
- Check the VSCode output panel for any error messages

Here areVscodes commandsif you want to add additional functionality go ahead. I think we still need rename and a few others. Please feel free to submit issues or pull requests to theGitHub repository.

Build and deploy full-stack Next.js apps with 98 tools for React, AWS, and MongoDB