247afk Block Editor MCP Server
The 247afk Block Editor MCP Server enables AI assistants to programmatically build, edit, and manage visual block editor scripts in real-time through a WebSocket bridge connecting to the 247afk script editor in your browser.
Documentation & Inspection: Retrieve full documentation (node types, connection rules, graph format, examples) with
get_docs, and inspect the current script structure (nodes, edges, variables) withget_graph.Full Graph Management: Replace the entire script graph from scratch with
set_graph, or clear all nodes and edges while preserving variables withclear_graph.Node Operations: Add nodes with
add_node, remove nodes and their connected edges withremove_node, update node data withupdate_node_data, reposition nodes withmove_node, inspect a single node withget_node, and auto-arrange nodes by execution flow withauto_layout.Edge Operations: Connect node ports with
add_edgeand delete specific edges by ID withremove_edge.Variable Management: Replace the entire variables list with
set_variables, add or replace a single variable withadd_variable, and remove a variable by name withremove_variable.Validation & Saving: Check for errors or warnings with
validate_graph, and save the script to the server (equivalent to Ctrl+S) withsave_graph.
Compatible with MCP clients such as Claude Desktop, Cline, Cursor, and Gemini CLI.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@247afk Block Editor MCP ServerAdd a loop to my script that clicks every 5 seconds"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
247afk Block Editor MCP Server
Lets AI assistants (Claude Desktop, Cline, Cursor, and any MCP-compatible client) build and edit block editor scripts in real time.
How it works
The MCP server runs locally and starts a WebSocket bridge on
127.0.0.1:3002Open a script in the 247afk editor, the site will connect to your websocket.
Your ai assistant can now use the MCP server to make changes in scripts.
NPM package -> https://www.npmjs.com/package/247afk-mcp
Install
npm install -g 247afk-mcpGet Started
Codex CLI
codex mcp add 247afk-mcp -- npx -y 247afk-mcpGemini CLI
gemini mcp add 247afk-mcp npx "-y 247afk-mcp"Claude Code
claude mcp add 247afk-mcp -- npx -y 247afk-mcpClaude Desktop
{
"mcpServers": {
"247afk-mcp": {
"command": "npx",
"args": [
"-y",
"247afk-mcp"
]
}
}
}Cursor
paste this in your browser:
cursor://anysphere.cursor-deeplink/mcp/install?name=247afk%20Block%20Editor%20MCP%20Server&config=eyJjb21tYW5kIjoibnB4IiwiYXJncyI6WyIteSIsIjI0N2Fmay1tY3AiXX0=Manual
Copy configuration below
Add it to your MCP client configuration
Follow your client's specific setup instructions
Restart your MCP client to apply changes
Configuration
{
"mcpServers": {
"247afk-mcp": {
"command": "npx",
"args": [
"-y",
"247afk-mcp"
]
}
}
}Restart antigravity/claude code after saving.
Test without an AI client
npx @modelcontextprotocol/inspector 247afk-mcpOpens a browser UI to call tools manually.
Changelog
1.0.1
Added
update_node_data— merge field values into a node without replacing itAdded
move_node— reposition a node on the canvasAdded
get_node— inspect a single node's type, position, and dataAdded
clear_graph— wipe all nodes and edges while keeping variablesAdded
validate_graph— run client-side validation and return errors/warningsAdded
save_graph— save the script to the server (equivalent to Ctrl+S)Added
auto_layout— auto-arrange nodes left-to-right by execution flowAdded
add_variable— add or replace a single variable without touching othersAdded
remove_variable— remove a single variable by nameFixed variable picker dropdowns being empty in MCP-built graphs
1.0.0
Initial release
Requirements
Node.js 18 or later
247afk account with access to the script editor
Browser open on the script to edit. (on https://247afk.com)
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/itzdaimy/247afk-MCP-Server'
If you have feedback or need assistance with the MCP directory API, please join our Discord server