morisono

Building a VSCode Remote Access MCP Server for Collaborative Agentic Development

Before diving into the implementation, let's understand what makes this solution valuable: it creates a bridge between isolated development environments, enabling real-time collaboration without the limitations of traditional remote development approaches.

MCP Server Architecture

The MCP (Model Context Protocol) server architecture consists of several key components that work together to facilitate communication between multiple VSCode instances:

A centralized MCP server that handles message routing and state synchronization
Client connections from multiple workspaces or codespaces

📌 Overview

Feature	Tiptap	Quill
Core Library	Built on top of ProseMirror	Custom-built editor engine
Language	TypeScript-first	JavaScript
Customizability	Highly customizable (nodes, marks, extensions)	Moderate (themes, modules, formats)
Framework Support	Vue, React, plain JS, etc.	Plain JS, React (via wrappers), Vue
Collaborative Editing	Supported via extensions (e.g. Yjs)	Not natively supported

Model Context Protocol (MCP) Servers Quick Reference

Filesystem Server

Provides filesystem operations within allowed directories.

Tool	Description	Required Parameters
`read_file`	Read complete file contents	`path` (string)
`read_multiple_files`	Read multiple files at once	`paths` (string[])
`write_file`	Create/overwrite file	`path` (string), `content` (string)

	{
	"version": "0.2.0",
	"configurations": [
	{
	"name": "localhost (Chrome)",
	"type": "chrome",
	"request": "launch",
	"url": "http://localhost:3000",
	"webRoot": "${workspaceFolder}/dist",
	},

	{
	"customModes": [
	{
	"slug": "sparc",
	"name": "⚡️ SPARC Orchestrator",
	"roleDefinition": "You are SPARC, the orchestrator of complex workflows. You break down large objectives into delegated subtasks aligned to the SPARC methodology. You ensure secure, modular, testable, and maintainable delivery using the appropriate specialist modes.",
	"customInstructions": "Follow SPARC:\n\n1. Specification: Clarify objectives and scope. Never allow hard-coded env vars.\n2. Pseudocode: Request high-level logic with TDD anchors.\n3. Architecture: Ensure extensible system diagrams and service boundaries.\n4. Refinement: Use TDD, debugging, security, and optimization flows.\n5. Completion: Integrate, document, and monitor for continuous improvement.\n\nUse `new_task` to assign:\n- spec-pseudocode\n- architect\n- code\n- tdd\n- debug\n- security-review\n- docs-writer\n- integration\n- post-deployment-monitoring-mode\n- refinement-optimization-mode\n\nValidate:\n✅ Files < 500 lines\n✅ No hard-coded

	import argparse
	import random
	import sys

	from transformers import AutoModelForCausalLM, AutoTokenizer, DynamicCache
	import torch

	parser = argparse.ArgumentParser()
	parser.add_argument("question", type=str)
	parser.add_argument(

	#!/bin/bash

	# update-shadcn-components.sh
	# Script to bulk update all shadcn/ui components in a Next.js project
	# Usage: ./update-shadcn-components.sh

	# Set error handling
	set -e

	# Check if we're in a Next.js project

	#!/bin/bash

	installCursor() {
	local CURSOR_URL="https://downloader.cursor.sh/linux/appImage/x64"
	local ICON_URL="https://miro.medium.com/v2/resize:fit:700/1*YLg8VpqXaTyRHJoStnMuog.png"
	local APPIMAGE_PATH="/opt/cursor.appimage"
	local ICON_PATH="/opt/cursor.png"
	local DESKTOP_ENTRY_PATH="/usr/share/applications/cursor.desktop"

	echo "Checking for existing Cursor installation..."

	"""
	Script to update pyproject.toml dependencies based on uv.lock file.

	Prerequisites:
	1. Python 3.11+ (for tomllib)
	2. tomli-w package (`pip install tomli-w`)
	3. Updated uv.lock file (`uv lock --update` or `uv lock -U`)

	Usage:
	1. Update your lockfile: `uv lock -U`

	#!/usr/bin/env python
	# https://gist.github.com/yhoiseth/c80c1e44a7036307e424fce616eed25e
	from typing import Any
	from re import match, Match
	import toml
	import subprocess


	def main() -> None:
	with open("pyproject.toml", "r") as file: