blockly-mcp-common-palette

English

MCP Blockly Studio

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 Interface

Overview

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:

Tutorial Projects

MCP Blockly Studio includes several tutorial projects:

  1. Echo Server: A basic MCP server that echoes messages sent by clients
  2. Weather Client: An MCP client that connects to a weather service API
  3. Task Assistant: A task management server with OAuth authentication
  4. Image Generator: A server that generates images with progress notifications

Getting Started

  1. Clone this repository
  2. Run npm install to install dependencies
  3. Run npm run start to launch the development server
  4. Select a tutorial project from the dropdown or create your own from scratch
  5. Modify the blocks in the workspace
  6. View the generated JavaScript code in the editor panel
  7. Download the code using the “Download Code” button

Project Structure

File 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.

Built With

Community Contributions

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!

License

This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.