@ibh/tube

A tiny React dev tool that lets your AI touch your live UI. Install it, drop the component, point at anything, and it sees what you see, over MCP. Works with any MCP client.

Website: tubetool.dev

Get started

1. Install

npm i -D @ibh/tube

2. Mount the dev tool

import { TubeDevTools } from '@ibh/tube';

export default function App() {
  return (
    <>
      {/* your app */}
      <TubeDevTools project="my-app" />
    </>
  );
}

3. Register tube via .mcp.json

{
  "mcpServers": {
    "tube": {
      "command": "npx",
      "args": ["@ibh/tube", "--stdio", "--project=my-app"],
      "env": { "TUBE_LICENSE_KEY": "<your-key>" }
    }
  }
}

The project prop and the --project= arg must match (any string). <your-key> comes from Polar after purchase; a placeholder is fine during the trial.

Pricing

• Free trial: 3 days, full functionality.
• Tube Pro: $4.99 one-time, lifetime, per machine.

License

MIT © Ilyass Ben Hakim