v0.1.0 — First release
Claude Code Hands v0.1.0
Visualize which components Claude Code is reading and editing, directly in the browser.
What's included
- Chrome extension — highlights Vue and React components in real time as Claude reads and edits your code
- Relay server — bridges Claude Code hooks to the browser via WebSocket
- Demo apps — matching Vue and React kanban boards with 6-level component nesting to try it out
Getting started
- Download
claude-hands-chrome-extension.zipbelow and unzip it - Go to
chrome://extensions, enable Developer Mode, and click "Load unpacked" on the unzipped folder - Install and run the CLI:
npx claude-hands - Open a demo app (or your own Vue/React app) and start a Claude Code session — components will light up as Claude works