🐾 OpenClaw Ecosystem

ClawSkin

Give your AI agent a face, an office, and a daily routine.
Pixel companion powered by Canvas 2D.

🏢 Office

✨ 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.
🐱
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.

🚀 Get Started

Two ways to run ClawSkin locally. Pick what works for you.

⚡
npx (Quickest)
One command, zero install. Starts the app and auto-connects to your local OpenClaw Gateway.

npx @clawlabz/clawskin

Best for: Quick start, trying it out.
💻
Clone & Run
Clone the repo for full control. Great if you want to customize scenes or contribute.

git clone → npm start

Best for: Daily use, customization, contributing.

Requires Node.js · Zero npm dependencies · Auto-connects to OpenClaw Gateway

📋 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