Codemirror MCP Server

@marimo-team

Repository Homepage

Basic information

About Codemirror MCP Server

CodeMirror extension to hook up a Model Context Provider (MCP)

Codemirror MCP Server config

No standard config provided

This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.

Repository

Codemirror MCP Server tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is codemirror-mcp?

A CodeMirror extension that implements the Model Context Protocol (MCP) for autocompleting @resource mentions and /prompt commands, with visual decorations and click handling. It's designed for developers building AI-assisted editors or chat interfaces on top of CodeMirror.

How to use codemirror-mcp?

Install with npm install @marimo-team/codemirror-mcp @modelcontextprotocol/sdk and peer dependencies. Import mcpExtension and pass it to an EditorView with a transport (e.g., WebSocketClientTransport) and optional options like logger, clientOptions, and onResourceClick. Use extractResources(view) to collect referenced resources for submission.

Key features of codemirror-mcp

Autocomplete for @resource mentions
Visual styling for resource mentions with click handling
Autocomplete for /prompt commands
Customizable theme
Hover tooltips showing resource details
Resource extraction via extractResources

Use cases of codemirror-mcp

Building a chat editor that references files, tools, or context
Adding AI prompt commands to a text editor
Creating a resource-aware notebook or documentation interface
Enabling structured resource selection in a web-based IDE

Frequently asked questions

What are the peer dependencies?

You need `@codemirror/view`, `@codemirror/state`, and `@modelcontextprotocol/sdk`.

How does transport work?

The extension accepts any MCP transport; the README shows `WebSocketClientTransport` connecting to `ws://localhost:8080`.

Can I customize the appearance?

Yes, the extension supports customizable styling via theme options.

How do I extract referenced resources?

Use the `extractResources(view)` function to get an array of resources from the editor state.

Is data stored locally or sent over the network?

Resources and prompts are handled client-side; network transport depends on the provided MCP transport (e.g., WebSocket).

Comments

More Other MCP servers

Reactive Resume

amruthpillai

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

39.5K

Handl

Handl speaks the Model Context Protocol. Your whole billing operation — projects, invoices, clients, reports, approvals — as tools any AI assistant can call, inside your autonomy rules.

Blender

ahujasid

Open-source MCP to use Blender with any LLM

23.6K

Senso MCP for Joomla

sensomedia

Senso MCP turns a Joomla 5 or 6 site into a remote MCP server. It runs inside Joomla itself (no extra server, no Node.js bridge) and is secured with OAuth 2.1 and Joomla's own ACL. The free pack lets an AI assistant crea

DeepMark

DeepMark helps teachers deliver rapid, consistent marking with meaningful feedback for every student — in a fraction of the time. What once took a week, now takes one free period.