
247afk Block Editor MCP Server
Connects AI assistants to the 247afk block editor through a local WebSocket bridge, enabling real-time editing of visual scripts directly in the browser.
Enables AI assistants to read, build, and edit 247afk scripts in real-time through a local WebSocket bridge. It allows for live manipulation of block editor content directly within the browser.
What it does
- Read current script graphs from the block editor
- Build complete scripts from scratch
- Add and remove individual nodes and connections
- Modify script variables and parameters
- Validate script graphs for errors
- Move and reposition nodes on the canvas
Best for
About 247afk Block Editor MCP Server
247afk Block Editor MCP Server is a community-built MCP server published by itzdaimy that provides AI assistants with tools and capabilities via the Model Context Protocol. Real-time 247afk block editor: let AI assistants read, build, and edit scripts via a local WebSocket bridge for live, in It is categorized under developer tools. This server exposes 8 tools that AI clients can invoke during conversations and coding sessions.
How to install
You can install 247afk Block Editor MCP Server in your AI client of choice. Use the install panel on this page to get one-click setup for Cursor, Claude Desktop, VS Code, and other MCP-compatible clients. This server runs locally on your machine via the stdio transport.
License
247afk Block Editor MCP Server is released under the MIT license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.
Tools (8)
Get full documentation for the 247afk block editor, node types, connection rules, graph format, and examples. Call this first before building any script.
Get the current script graph from the open editor tab. Returns nodes, edges, and variables. The editor tab must be open.
Replace the entire script graph at once. Use this to build a complete script from scratch. All existing nodes and edges are replaced.
Add a single node to the script editor canvas.
Remove a node and all its connected edges from the editor.
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:3002 - Open 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.
Install
npm install -g 247afk-mcp
Get Started
Codex CLI
codex mcp add 247afk-mcp -- npx -y 247afk-mcp
Gemini CLI
gemini mcp add 247afk-mcp npx "-y 247afk-mcp"
Claude Code
claude mcp add 247afk-mcp -- npx -y 247afk-mcp
Claude 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-mcp
Opens a browser UI to call tools manually.
Changelog
1.0.1
- Added
update_node_data— merge field values into a node without replacing it - Added
move_node— reposition a node on the canvas - Added
get_node— inspect a single node's type, position, and data - Added
clear_graph— wipe all nodes and edges while keeping variables - Added
validate_graph— run client-side validation and return errors/warnings - Added
save_graph— save the script to the server (equivalent to Ctrl+S) - Added
auto_layout— auto-arrange nodes left-to-right by execution flow - Added
add_variable— add or replace a single variable without touching others - Added
remove_variable— remove a single variable by name - Fixed 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)
Alternatives
Related Skills
Browse all skillsUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
Orchestrate Unity Editor via MCP (Model Context Protocol) tools and resources. Use when working with Unity projects through MCP for Unity - creating/modifying GameObjects, editing scripts, managing scenes, running tests, or any Unity Editor automation. Provides best practices, tool schemas, and workflow patterns for effective Unity-MCP integration.
Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to build AI agents, chatbots, RAG systems, or text generation features, (3) Have questions about AI providers (OpenAI, Anthropic, Google, etc.), streaming, tool calling, structured output, or embeddings, (4) Use React hooks like useChat or useCompletion. Triggers on: "AI SDK", "Vercel AI SDK", "generateText", "streamText", "add AI to my app", "build an agent", "tool calling", "structured output", "useChat".
Build production-ready Web3 applications, smart contracts, and decentralized systems. Implements DeFi protocols, NFT platforms, DAOs, and enterprise blockchain integrations. Use PROACTIVELY for smart contracts, Web3 apps, DeFi protocols, or blockchain infrastructure.
Master API documentation with OpenAPI 3.1, AI-powered tools, and modern developer experience practices. Create interactive docs, generate SDKs, and build comprehensive developer portals. Use PROACTIVELY for API documentation or developer portal creation.
Use when working with the OpenAI API (Responses API) or OpenAI platform features (tools, streaming, Realtime API, auth, models, rate limits, MCP) and you need authoritative, up-to-date documentation (schemas, examples, limits, edge cases). Prefer the OpenAI Developer Documentation MCP server tools when available; otherwise guide the user to enable `openaiDeveloperDocs`.