ClawSkin — Pixel Agent Skin Engine

✨ Features

Everything you need to bring your AI agent to life.

🎨

Character Creator

5 skin tones, 5 hairstyles, 5 outfits, accessories, and pets. Mix and match to create your unique pixel agent.

🏠

Multiple Scenes

Cozy office, hacker den, or warm café — each with ambient animations, particles, and mood lighting.

🔄

Live State Sync

Connect to OpenClaw Gateway via WebSocket. Your pixel agent reflects real AI status — typing, thinking, sleeping.

💬

Speech Bubbles

Typewriter-effect dialogue bubbles show what your agent is working on. Thought bubbles for thinking mode.

📦

Embeddable

One-line iframe embed for blogs, GitHub README, Notion pages, or anywhere on the web.

🐱

Pixel Pets

Add a cat, dog, or robot companion that hangs out with your agent. Because everyone needs a sidekick.

🎨 Customize Your Agent

Click options below to customize in real-time. Changes are reflected instantly in the demo above.

📦 Embed Anywhere

Copy the embed code to place your pixel agent on any webpage.

🔌 How to Connect

Three ways to use ClawSkin with your OpenClaw agent. Pick what works for you.

💻

Mode A: Run Locally

Download ClawSkin and open it on your machine. It auto-detects your local OpenClaw Gateway and connects instantly — zero config.

git clone → npm start → done

Best for: Daily use, desktop companion, no network needed.

🌐

Mode B: Connect Online

Use ClawSkin right here — no download needed. Enter your OpenClaw Gateway URL and token, and your browser connects directly to your Gateway.

Your data stays between your browser and your Gateway. Our server never sees it.

Best for: Quick access, remote monitoring, sharing with friends.
Requires HTTPS Gateway (e.g. Tailscale Serve).

📦

Mode C: Embed Anywhere

Copy a one-line iframe code and drop it into your blog, GitHub README, Notion page, or any website. Runs in demo mode by default.

<iframe src=".../embed.html">

Best for: Showcasing your agent, embedding in docs.

🚀 Launch ClawSkin App

Works in your browser — connect your Gateway or try the interactive demo

📋 What You Need

🧩

OpenClaw Gateway

Any running OpenClaw instance (v1.0+). Install OpenClaw →

🔐

Auth Token

If your Gateway has auth enabled, grab the token from ~/.openclaw/openclaw.json or run openclaw dashboard

🌍

HTTPS (Online Mode Only)

Remote connections need HTTPS. Easiest way: Tailscale Serve — one command, done. Local mode works without it.