Clawd Touchbar — Development skill for Claude Code
An animated Clawd mascot that lives on your MacBook Pro Touch Bar and reacts to Claude Code hook events.
How to install Clawd Touchbar
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open b-barri/clawd-touchbar and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Clawd Touchbar does
An animated Clawd mascot that lives on your MacBook Pro Touch Bar and reacts to Claude Code hook events.
Alternatives in Development
- Contributing To Clawd Code — Thank you for your interest in contributing to Clawd Code 231 ★
- Notch Pilot — A live companion for Claude Code that lives in your MacBook notch 67 ★
- Brow — Claude Code usage and rate limits in the MacBook notch 50 ★
README
clawd-touchbar
A small animated mascot that lives on your Touch Bar and reacts to Claude Code.

Bring your old MacBook Pro's Touch Bar back to life. Clawd wakes when you start a session, thinks while Claude is reasoning, works while tools run, celebrates when they finish, and goes to sleep when the conversation ends.
What is this?
A love letter to a piece of hardware Apple gave up on. If you have a 2016 to 2021 MacBook Pro with a Touch Bar, you've spent years watching it sit unused. Now it has a job: showing you the live state of your Claude Code session as an animated friend.
No menu bar item. No notification spam. Just a small character above your keyboard, walking around, doing what you're doing.
Install
Requirements:
- A 2016 to 2021 MacBook Pro with Touch Bar hardware
- macOS 13 (Ventura) or newer
- macOS Command Line Tools (free, ~600MB):
xcode-select --install - Claude Code installed
Then:
git clone https://github.com/b-barri/clawd-touchbar.git
cd clawd-touchbar
make
open Clawd.app
`make` compiles the Swift sources, bundles a tiny `.app`, and ad-hoc signs it. No Xcode, no Apple Developer Program, no 7-day expiry. The build takes about 15 seconds.
Configure
Clawd listens on `127.0.0.1:53777` for hook events from Claude Code. The first launch shows an onboarding window with the exact snippet to paste into `~/.claude/settings.json`, with a "Copy" button.
If you'd rather wire it by hand, add this to your settings file:
{
"hooks": {
"SessionStart": [{ "matcher": "", "hooks": [{ "type": "command", "command": "curl -s -X POST -H 'Content-Type: application/json' --data-binary @- http://127.0.0.1:53777/event" }] }],
"UserPromptSubmit": [{ "matcher": "", "hooks": [{ "type": "command", "command": "curl -s -X POST -H 'Content-Type: application/json' --data-binary @- http://127.0.0.1:53777/event" }] }],
"PreToolUse": [{ "matcher": "", "hooks": [{ "type"
Related Skills
Claude Mod Clawd
Claude Code's pixel mascot, animated with the desktop app's own frames, at the right of the Mod Bar toolbar: i
Clawd Band
An unofficial fan-made pixel cat that lives in the band above the Claude Code prompt and reacts to what Claude
SVG Animate
Animate an SVG — icon, logo reveal, stroke draw, morph, mascot loop — or turn a frame sequence / flat clip int
Clawd Cardputer
Developer tamagotchi on M5Stack Cardputer ADV — reacts to your Claude Code activity via PostToolUse hook
Agent Status Pock
A Pock widget that shows your coding agent's status on the MacBook Touch Bar. Works with Claude Code, Codex CL
Clawd Conduit
Full-lifecycle wiring between Claude Code and the Clawd on Desk pet — all 15 hook events, with permission prom
Related Agents
SVG Animator
Load when the user wants an SVG to move — an animated icon, logo reveal, stroke drawing, path morph, mascot lo
X Codebase Explorer
Read-only codebase tracer. Answers where something lives, what depends on it, and what a change would touch, w
Create Hook
Use when scaffolding a new custom React hook. Decides where the hook lives (component-scoped or shared), creat