medium WebMCP
Browser tool configuration for medium
Tools (2)
insert_story()
Insert content into Medium story editor
Parameters
JavaScript Handler
(params) => {
// Set title
if (params.title) {
const titleEl = document.querySelector('[data-testid="storyTitle"]') || document.querySelector('h3[data-placeholder="Title"]');
if (titleEl) {
titleEl.textContent = params.title;
titleEl.dispatchEvent(new Event('input', { bubbles: true }));
}
}
// Find content editor
const editor = document.querySelector('[data-testid="storyContent"]') || document.querySelector('.section-inner') || document.querySelector('[role="textbox"][contenteditable="true"]');
if (!editor) {
return { success: false, message: 'Editor not found. Click "Write" or open medium.com/new-story first' };
}
editor.innerHTML = params.content;
editor.dispatchEvent(new Event('input', { bubbles: true }));
return { success: true, message: 'Content inserted into Medium editor' };
}
open_new_story()
Navigate to Medium new story page
Parameters
No parameters
JavaScript Handler
() => {
window.location.href = 'https://medium.com/new-story';
return { success: true, message: 'Opening Medium new story...' };
}
WebMCP clients
Use mcp-chrome, or fetch the same tools from the public API in your own browser automation runtime.
How to Use WebMCP
WebMCP tools are designed for browser extensions or automation frameworks. The browser extension matches the current URL against the pattern and executes the JavaScript handler when the tool is invoked.
API Endpoint:
GET /api/webmcp/match?url=https://www.medium.com/...
Third-party clients can use the same endpoint as mcp-chrome. Execute the returned JavaScript handler in your own browser page context.