How I Built an AI-Powered Claw Machine Controlled via WebRTC and Lark/Feishu 🤖🪝

OpenClaw_Creator — Sun, 05 Apr 2026 15:19:10 +0000

🚀 The Problem: Privacy vs. Convenience

We've all been there: you need to remove a background from an image, so you head to a random "free" website, upload your photo, and hope they don't store your data on some mysterious server.

As a developer, I thought: "Can we do this better? Can we do this without ever sending the image to a server?"

That's why I built ImageBGRemoved.shop. It's a tool that performs high-quality background removal using AI, but here’s the kicker: it runs entirely in your browser.

🛠️ The Tech Stack

To make "Serverless AI" a reality, I used a combination of modern web technologies:

Transformers.js: This is the magic ingredient. It allows us to run state-of-the-art machine learning models directly in the browser using ONNX Runtime.
Next.js / React: For the slick, responsive UI.
Web Workers: To ensure the AI processing doesn't freeze the main UI thread.
Tailwind CSS: For that clean, modern "Dark Mode" aesthetic.

🧠 The AI Model: MODNet

After testing several models, I settled on a quantized version of MODNet. It’s a light-weight yet powerful model specifically designed for real-time portrait matting and background removal.

By using a quantized version, the model file size is small enough (a few MBs) to be downloaded quickly by the browser and stored in the local cache for subsequent uses.

💻 How It Works (The Code)

The core logic revolves around initializing the pipeline and processing the image blob. Here is a simplified version of how the inference happens:

//
import { pipeline } from '@xenova/transformers';

async function removeBackground(imageElement) {
    // 1. Initialize the segmenter pipeline
    const segmenter = await pipeline('image-segmentation', 'Xenova/modnet');

    // 2. Process the image
    const output = await segmenter(imageElement.src);

    // 3. The output is a mask. We then apply this mask to the original canvas
    applyMaskToCanvas(output);
}

👋 Try it yourself!

I built this tool to be a fast, free, and private alternative for daily tasks. You can try the live version here: imagebgremoved.shop.