{"id":48217476,"url":"https://github.com/ractive/clawffice","last_synced_at":"2026-04-04T19:01:01.093Z","repository":{"id":348948432,"uuid":"1200416725","full_name":"ractive/clawffice","owner":"ractive","description":"Show Claude Code activity in \"The Office\"","archived":false,"fork":false,"pushed_at":"2026-04-03T14:56:47.000Z","size":817,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-03T17:50:20.887Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ractive.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-03T11:42:00.000Z","updated_at":"2026-04-03T14:56:46.000Z","dependencies_parsed_at":null,"dependency_job_id":"935f2c86-ff8d-42f1-b65a-1aaf3e7a0d9e","html_url":"https://github.com/ractive/clawffice","commit_stats":null,"previous_names":["ractive/clawffice"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/ractive/clawffice","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ractive%2Fclawffice","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ractive%2Fclawffice/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ractive%2Fclawffice/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ractive%2Fclawffice/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ractive","download_url":"https://codeload.github.com/ractive/clawffice/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ractive%2Fclawffice/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31409471,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-04T10:20:44.708Z","status":"ssl_error","status_checked_at":"2026-04-04T10:20:06.846Z","response_time":60,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-04-04T19:00:44.003Z","updated_at":"2026-04-04T19:01:01.068Z","avatar_url":"https://github.com/ractive.png","language":"TypeScript","funding_links":["https://www.patreon.com/limezu"],"categories":[],"sub_categories":[],"readme":"# Clawffice\n\nA pixel art office game that visualizes Claude Code agents as characters from The Office. Built with Phaser 3, TypeScript, and Bun.\n\nAgents connect via WebSocket and are assigned to characters (Michael, Dwight, Jim, Pam) who act out their activity in a top-down Dunder Mifflin office — idling, typing, sitting, and walking between desks.\n\n![screenshot](screenshot.png)\n\n## Requirements\n\n- [Bun](https://bun.sh) for package management and script running\n- [LimeZu](https://limezu.itch.io) asset packs (Modern Office + Modern Interiors) in `./LimeZu/` for asset generation\n\n## Quick Start\n\n```bash\nbun install\nbun run generate   # build tileset, tilemap, and character sprites from LimeZu assets\nbun run dev        # start dev server at http://localhost:8080\n```\n\n## Commands\n\n| Command | Description |\n|---------|-------------|\n| `bun run dev` | Start Vite dev server with hot reload |\n| `bun run build` | Production build to `dist/` |\n| `bun run check` | Run format + lint + typecheck + tests |\n| `bun run generate` | Regenerate all assets (tileset, tilemap, characters) |\n| `bun run generate:tileset` | Extract tiles from LimeZu sheets into game tileset |\n| `bun run generate:tilemap` | Generate Tiled-compatible office map JSON |\n| `bun run generate:characters` | Composite character sprites from LimeZu layers |\n\n## Architecture\n\n```\nsrc/\n  game/\n    scenes/          Boot → Preloader → OfficeScene\n    characters/      CharacterManager, OfficeCharacter (sprite + state)\n    bridge/          AgentBridge (maps WebSocket events to character actions)\n  network/           ClawSocketClient (WebSocket connection to Claude Code)\n\nscripts/\n  build-tileset.ts        Extract tiles from LimeZu source sheets → PNG + JSON\n  generate-tilemap.ts     Generate 30x24 Tiled-compatible office map\n  assemble-characters.ts  Composite 5-layer character sprites → Phaser atlas\n\npublic/assets/\n  tiles/     office-tileset.png, office-tileset.json, office-map.json\n  sprites/   characters.png, characters.json\n```\n\n## Asset Pipeline\n\nCharacter sprites are composited from LimeZu's 5-layer character generator system:\n\n**Body → Eyes → Outfit → Hairstyle → Accessory**\n\nEach character has hand-picked layers to match their Office counterpart (e.g., Dwight gets mustard shirt + glasses). The pipeline extracts specific animation frames (idle-sit, typing, walk-down) into a compact Phaser atlas.\n\nThe tileset pipeline extracts individual tiles from multiple LimeZu source sheets (office furniture, Room Builder walls/floors, kitchen items) into a single 512x128 tileset with collision metadata.\n\nBoth pipelines require the LimeZu asset packs in `./LimeZu/` (gitignored — purchase from [limezu.itch.io](https://limezu.itch.io)).\n\n## Art Credits\n\nAll pixel art assets by [LimeZu](https://limezu.itch.io) — Modern Office + Modern Interiors packs. LimeZu creates amazing pixel art full-time. If you like what you see, consider supporting him:\n\n- [itch.io](https://limezu.itch.io) — buy the asset packs\n- [Patreon](https://www.patreon.com/limezu) — monthly support with early access to new sprites\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fractive%2Fclawffice","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fractive%2Fclawffice","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fractive%2Fclawffice/lists"}