247afk Block Editor MCP Server

247afk Block Editor MCP Server

itzdaimy

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.

3130 views1Local (stdio)

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

Visual script automation developers247afk block editor usersAI-assisted script building workflows
Real-time browser integrationLocal WebSocket bridge8+ script manipulation tools

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_docs

Get full documentation for the 247afk block editor, node types, connection rules, graph format, and examples. Call this first before building any script.

get_graph

Get the current script graph from the open editor tab. Returns nodes, edges, and variables. The editor tab must be open.

set_graph

Replace the entire script graph at once. Use this to build a complete script from scratch. All existing nodes and edges are replaced.

add_node

Add a single node to the script editor canvas.

remove_node

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

  1. The MCP server runs locally and starts a WebSocket bridge on 127.0.0.1:3002
  2. Open a script in the 247afk editor, the site will connect to your websocket.
  3. 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

  1. Copy configuration below
  2. Add it to your MCP client configuration
  3. Follow your client's specific setup instructions
  4. 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 skills
ui-design-system

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

18
unity-mcp-orchestrator

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.

10
ai-sdk

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

6
blockchain-developer

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.

5
api-documenter

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.

4
openai-knowledge

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

4