@onthearrow/mcp-server

MCP server for publishing JSX, HTML, and single-page web apps to OnTheArrow — get a shareable URL directly from your code editor.

Setup

Claude Code

Add to ~/.claude.json:

{
  "mcpServers": {
    "onthearrow": {
      "command": "npx",
      "args": ["-y", "@onthearrow/mcp-server"]
    }
  }
}

VS Code Copilot

Add to .vscode/mcp.json:

{
  "servers": {
    "onthearrow": {
      "command": "npx",
      "args": ["-y", "@onthearrow/mcp-server"]
    }
  }
}

Tools

| Tool | Description | |------|-------------| | authenticate | Sign in via browser — opens a URL, you log in, token is saved locally | | publish_visual | Publish JSX/HTML code and get a shareable URL | | list_visuals | List all your published visuals | | delete_visual | Delete a published visual by slug or ID | | logout | Sign out and remove saved credentials |

How it works

1. Say "publish this as a shareable link" in your AI coding tool
2. If not authenticated, the AI calls authenticate — you click a URL and sign in
3. The AI calls publish_visual with your code
4. You get back a shareable URL like https://onthearrow.netlify.app/a/my-chart

Credentials are saved at ~/.onthearrow/credentials.json so you only authenticate once.

Supported code

• JSX/TSX — React components (auto-transpiled, libraries like recharts resolved via CDN)
• HTML — Full HTML pages served as-is
• Custom slugs — Pick a URL like /a/my-dashboard or get a random short ID

License

MIT