https://github.com/rahulrajsbkk/clawd-harry-potter-theme
Harry Potter desk-pet theme for Clawd on Desk (https://github.com/rullerzhou-afk/clawd-on-desk) — 18 CSS-animated SVG states: golden snitch, Hedwig, Nimbus 2000, Gryffindor scarf
https://github.com/rahulrajsbkk/clawd-harry-potter-theme
animated-svg claude claude-code clawd clawd-on-desk clawd-theme css-animation desk-pet desktop-companion desktop-pet fan-art golden-snitch gryffindor harry-potter hedwig hogwarts mascot pet svg theme
Last synced: 14 days ago
JSON representation
Harry Potter desk-pet theme for Clawd on Desk (https://github.com/rullerzhou-afk/clawd-on-desk) — 18 CSS-animated SVG states: golden snitch, Hedwig, Nimbus 2000, Gryffindor scarf
- Host: GitHub
- URL: https://github.com/rahulrajsbkk/clawd-harry-potter-theme
- Owner: rahulrajsbkk
- Created: 2026-07-20T11:32:31.000Z (20 days ago)
- Default Branch: main
- Last Pushed: 2026-07-20T17:02:52.000Z (20 days ago)
- Last Synced: 2026-07-24T00:16:55.650Z (17 days ago)
- Topics: animated-svg, claude, claude-code, clawd, clawd-on-desk, clawd-theme, css-animation, desk-pet, desktop-companion, desktop-pet, fan-art, golden-snitch, gryffindor, harry-potter, hedwig, hogwarts, mascot, pet, svg, theme
- Size: 16.6 KB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Harry Potter — Clawd on Desk Theme
A chibi Harry Potter desk pet for Clawd on Desk —
messy hair, round glasses, lightning scar, Gryffindor scarf, and a golden snitch that never leaves him alone.
⚡ Reacts in real time to your coding agent — works with any agent Clawd on Desk supports (Claude Code, Codex CLI, Copilot CLI, Cursor, Gemini CLI…).
Pure CSS-animated SVG — no GIFs, no external dependencies.
## Preview
Idle
Thinking
Working
Juggling
Attention
Notification
Sleeping
Error
## States
Clawd maps your agent's lifecycle events to animation states. Here's how Harry plays each one:
| State | When | Harry Potter behavior |
|-------|------|-----------------------|
| idle | No agent activity | Eye tracking (follows your cursor), breathing, scarf sway, golden snitch buzzing around |
| thinking | Prompt submitted | Head tilt, gold sparkles of a spell forming |
| working | Agent using tools | Writing with a quill on parchment |
| juggling | Subagent running | Wingardium Leviosa — levitating three potion bottles |
| sweeping | Context compaction | Sweeping up with the Nimbus 2000 |
| carrying | Worktree created | Hauling a stack of library books |
| error | Tool failure | Spell backfire — smoke, sparks, soot on cheek |
| attention | Task complete | Caught the snitch! |
| notification | Permission request / alert | Hedwig delivers a wax-sealed letter |
| sleeping | 60s of no mouse activity | Yawn → doze → collapse → sleep (glasses folded on the floor) → wake on mouse move |
### Working tiers
`working` scales with the number of concurrent agent sessions:
- **1 session** — writing with a quill on parchment
- **2 sessions** — Wingardium Leviosa, levitating three potion bottles
- **3+ sessions** — shelving a stack of spellbooks
## Reactions
- **drag** — flailing, scarf flying
- **click / double-click** — Lumos! wand sparks
- **poking repeatedly** — annoyed, arms crossed
## Capabilities
- **Eye tracking** — Harry's eyes follow your cursor while idle
- **Full sleep sequence** — yawn → doze → collapse → sleep → wake
- **Click & drag reactions** — see above
- Mini mode is not supported
In Clawd's `Settings… → Theme`, the capability badges on each theme card confirm what it supports.
## Install with Claude Code (copy-paste prompt)
Paste this into [Claude Code](https://claude.com/claude-code) (or any coding agent) and it will install the theme for you:
```text
Install the Clawd on Desk theme from https://github.com/rahulrajsbkk/clawd-harry-potter-theme
Clone the repo and copy theme.json and the assets/ folder into my Clawd on Desk
user themes directory as "harry-potter":
- macOS: ~/Library/Application Support/clawd-on-desk/themes/harry-potter
- Windows: %APPDATA%\clawd-on-desk\themes\harry-potter
- Linux: ~/.config/clawd-on-desk/themes/harry-potter
Don't touch the app's built-in themes. When done, remind me to restart
Clawd on Desk and select "Harry Potter" under Settings → Theme.
```
## Install manually
1. Copy this folder to your Clawd user themes directory as `harry-potter/` (the folder holding `theme.json` must sit directly under `themes/` — no extra nesting):
- **macOS**: `~/Library/Application Support/clawd-on-desk/themes/harry-potter/`
- **Windows**: `%APPDATA%\clawd-on-desk\themes\harry-potter\`
- **Linux**: `~/.config/clawd-on-desk/themes/harry-potter/`
2. Restart Clawd on Desk, then `Settings… → Theme → **Harry Potter**`.
Don't reuse a built-in theme id (`clawd`, `calico`, `cloudling`) — built-in themes take priority over user themes with the same id.
## Credits
Unofficial fan-made theme. Harry Potter belongs to its respective rights holders. Built on the [Clawd on Desk](https://github.com/rullerzhou-afk/clawd-on-desk) theme system, referencing the built-in Clawd, Calico, and Cloudling themes. The Clawd character belongs to Anthropic; Clawd on Desk is itself an unofficial fan project.