A visual programming environment for creating Model Context Protocol (MCP) applications using Google’s Blockly.
Demo https://jsanchezamai.github.io/blockly-mcp-common-palette
MCP Blockly Studio provides a block-based approach to building applications that follow the Model Context Protocol specification. The project uses the MCP TypeScript SDK to create compatible servers, clients, and other components.
Users can:
MCP Blockly Studio includes several tutorial projects:
npm install
to install dependenciesnpm run start
to launch the development serverFile time-line.md is main changeLog to get overall view of the project. At folder PROMPT_HISTORY there is stored the in deep theory for the timeline.
src/
- Source code for the application
blocks/
- Custom Blockly block definitionstoolbox-mcp/
- MCP-specific toolbox categoriesgenerators/
- Code generators for translating blocks to JavaScriptPICS/
- Project screenshots and imagesmcp-ts-sdk/
- MCP TypeScript SDK (included as a dependency)MCP Blockly Studio is an open-source project and we welcome community contributions! Here are some ways you can help:
We’re especially interested in contributions that:
Check our open issues to find good starting points for contribution!
This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.