[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-74976":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":9,"rankLanguage":9,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":15,"starSnapshotCount":15,"syncStatus":28,"lastSyncTime":29,"discoverSource":30},74976,"vibecraft","Nearcyan\u002Fvibecraft","Nearcyan","It's Vibecraft!",null,"TypeScript",1412,230,5,10,0,1,20,3,20.09,"MIT License",false,"main",true,[],"2026-06-12 02:03:30","# Vibecraft\n\n![Vibecraft Screenshot](public\u002Fog-image.png)\n\nManage Claude Code in style!\n\n**[Try it instantly at vibecraft.sh](https:\u002F\u002Fvibecraft.sh)** — still connects to your local Claude Code instances!\n\n**New:**\n- **Spatial Audio** — Claude behind you? Claude on your left? No claublem!\n- **Animations** — What's Claude up to? Watch him! ◕ ‿ ◕\n\nVibecraft uses your own local Claude Code instances — no files or prompts are shared.\n\n![Three.js](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FThree.js-black?logo=threedotjs) ![TypeScript](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTypeScript-blue?logo=typescript&logoColor=white) ![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvibecraft)\n\n## Requirements\n\n- **macOS or Linux** (Windows not supported - hooks require bash)\n- **Node.js** 18+\n- **jq** - for hook scripts (`brew install jq` \u002F `apt install jq`)\n- **tmux** - for session management (`brew install tmux` \u002F `apt install tmux`)\n\n## Quick Start\n\n```bash\n# 1. Install dependencies\nbrew install jq tmux       # macOS\n# sudo apt install jq tmux  # Ubuntu\u002FDebian\n\n# 2. Configure hooks (one time)\nnpx vibecraft setup\n\n# 3. Start server\nnpx vibecraft\n```\n\nOpen http:\u002F\u002Flocalhost:4003 and use Claude Code normally. You'll see Claude move around the workshop as it uses tools.\n\n**From source:**\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fnearcyan\u002Fvibecraft\ncd vibecraft && npm install && npm run dev\n# Opens on http:\u002F\u002Flocalhost:4002\n```\n\n**To uninstall:** `npx vibecraft uninstall` (removes hooks, keeps your data)\n\n## Browser Control (Optional)\n\nRun Claude in tmux to send prompts from browser:\n\n```bash\ntmux new -s claude\nclaude\n```\n\nThen use the input field in the visualization with \"Send to tmux\" checked.\n\n## Stations\n\n| Station | Tools | Details |\n|---------|-------|---------|\n| Bookshelf | Read | Books on shelves |\n| Desk | Write | Paper, pencil, ink pot |\n| Workbench | Edit | Wrench, gears, bolts |\n| Terminal | Bash | Glowing screen |\n| Scanner | Grep, Glob | Telescope with lens |\n| Antenna | WebFetch, WebSearch | Satellite dish |\n| Portal | Task (subagents) | Glowing ring portal |\n| Taskboard | TodoWrite | Board with sticky notes |\n\n## Features\n\n- **Floating context labels** - See file paths and commands above active stations\n- **Thought bubbles** - Claude shows thinking animation while processing\n- **Response capture** - Claude's responses appear in the activity feed\n- **Subagent visualization** - Mini-Claudes spawn at portal for parallel tasks\n- **Cancel button** - Send Ctrl+C to interrupt Claude\n- **Split-screen layout** - 60% 3D scene (Workshop), 40% activity feed\n- **Voice input** - Speak prompts with real-time transcription (requires Deepgram API key)\n- **Attention system** - Zones pulse when sessions need input or finish\n- **Sound effects** - Synthesized audio feedback for tools and events ([docs\u002FSOUND.md](docs\u002FSOUND.md))\n- **Draw mode** - Paint hex tiles with colors, 3D stacking, and text labels (press `D`)\n- **Text labels** - Add multi-line labels to hex tiles with custom modal\n- **Zone context menus** - Right-click zones for Info (`I`) or quick Command (`C`) input\n- **Station panels** - Toggle with `P` to see recent tool history per workstation\n- **Context-aware animations** - Claude celebrates commits, shakes head on errors\n\n## Multi-clauding\n\n![Multi-clauding](public\u002Fmulticlaude.png)\n\nRun multiple Claude instances and direct work to each:\n\n1. Click **\"+ New\"** (or `Alt+N`) to spawn a new session\n2. Configure name, directory, and flags (`-r`, `--chrome`, `--dangerously-skip-permissions`)\n3. Click a session or press `1-6` (or `Alt+1-6` in inputs) to select it\n4. Send prompts to whichever Claude you want\n\nEach session runs in its own tmux, with status tracking (idle\u002Fworking\u002Foffline).\n\nSee [docs\u002FORCHESTRATION.md](docs\u002FORCHESTRATION.md) for the full API and architecture.\n\n## Keyboard Shortcuts\n\n| Key | Action |\n|-----|--------|\n| `Tab` \u002F `Esc` | Switch focus between Workshop and Feed |\n| `1-6` | Switch to session (extended: QWERTY, ASDFGH, ZXCVBN) |\n| `0` \u002F `` ` `` | All sessions \u002F overview |\n| `Alt+N` | New session |\n| `Alt+R` | Toggle voice input |\n| `F` | Toggle follow mode |\n| `P` | Toggle station panels |\n| `D` | Toggle draw mode |\n\n**Draw mode:** `1-6` colors, `0` eraser, `Q\u002FE` brush size, `R` 3D stack, `X` clear\n\n## CLI Options\n\n```bash\nvibecraft [options]\n\nOptions:\n  --port, -p \u003Cport>    WebSocket server port (default: 4003)\n  --help, -h           Show help\n  --version, -v        Show version\n```\n\nSee [docs\u002FSETUP.md](docs\u002FSETUP.md) for detailed setup guide.\nSee [CLAUDE.md](CLAUDE.md) for technical documentation.\n\nWebsite: https:\u002F\u002Fvibecraft.sh\n\n## License\n\nMIT\n","Vibecraft 是一个用于管理和可视化 Claude 代码的工具。它利用 Three.js 和 TypeScript 构建，提供了一个3D工作坊界面，允许用户通过动画和空间音频来直观地跟踪 Claude 的活动。项目支持浮动上下文标签、思维泡泡、响应捕获以及子代理可视化等功能，并且可以与本地 Claude 实例无缝连接而无需共享文件或提示。适用于需要增强代码编辑体验，特别是希望在开发过程中增加互动性和趣味性的 macOS 或 Linux 开发者。",2,"2026-06-11 03:51:46","high_star"]