คู่มือติดตั้งสำหรับมือใหม่บน Windows
ทำตามทีละขั้นตอน ใช้เวลาประมาณ 15–20 นาที
🎮 Claude Office Visualizer คือโปรแกรมที่แสดงการทำงานของ Claude Code ในรูปแบบ ออฟฟิศ pixel art แบบ real-time
python --version node --version git --version
ถ้าตัวไหนขึ้นว่า "not recognized" ให้ดาวน์โหลดก่อน:
🐍 python.org/downloads |
💚 nodejs.org |
🐙 git-scm.com/downloads/win
claude --version แล้วขึ้นเวอร์ชัน ข้ามไปขั้นตอนที่ 3 ได้เลยคลิกขวาที่ PowerShell → "Run as Administrator" แล้วรัน:
irm https://claude.ai/install.ps1 | iex
รอจนติดตั้งเสร็จ แล้วรัน claude เพื่อ login ทำตามขั้นตอนบนหน้าจอ
uv คือเครื่องมือจัดการ Python package ที่เร็วมาก Claude Office ใช้สำหรับรัน backend server
irm https://astral.sh/uv/install.ps1 | iex
หลังติดตั้งเสร็จ ปิดและเปิด terminal ใหม่ แล้วตรวจสอบ:
uv --version
ถ้าขึ้น uv 0.10.x = สำเร็จ ✅
set Path=%USERPROFILE%\.local\bin;%Path%เปิด Command Prompt แล้วรัน (ดาวน์โหลดมาไว้ใน C:\Users\[ชื่อคุณ]\claude-office):
cd %USERPROFILE% git clone https://github.com/paulrobello/claude-office.git cd claude-office
รอจนเห็น Cloning into 'claude-office'... และเสร็จสมบูรณ์
set Path=%USERPROFILE%\.local\bin;%Path% cd %USERPROFILE%\claude-office\backend uv sync
รอจนขึ้น ✅ Installed ... packages = สำเร็จ
cd %USERPROFILE%\claude-office\frontend npm install
รอจนขึ้น added XXX packages = สำเร็จ ✅
Hooks คือ "สายสัญญาณ" ที่เชื่อม Claude Code กับ Visualizer — เมื่อ Claude Code ทำงาน จะส่งข้อมูลให้ Visualizer แสดงผลแบบ real-time
สำคัญ: ต้องใช้ Git Bash ไม่ใช่ CMD ปกติ!
วิธีเปิด: คลิกขวาบน Desktop หรือ Folder → เลือก "Git Bash Here"
export PATH="/c/Users/$USERNAME/.local/bin:/c/Program Files/Git/usr/bin:$PATH" cd ~/claude-office/hooks bash install.sh
รอจนขึ้น Done! Please restart Claude Code to apply changes. ✅
ไฟล์อยู่ที่: C:\Users\[ชื่อผู้ใช้]\claude-office\StartOffice.bat
ดับเบิลคลิกแล้วรอประมาณ 15–20 วินาที ระบบจะ:
http://localhost:3000 อัตโนมัติปุ่มลัด
กด 0 — Whiteboard โหมดปกติ
กด 1–9 — สลับโหมดต่างๆ
กด T — Todo list
กด B — Background tasks
Whiteboard Modes
📋 Todo List
📊 Tool Usage Chart
🏢 Org Chart
📈 Stonks / Weather
คลิกที่นาฬิกาบนผนังเพื่อสลับ Analog → Digital 12h → Digital 24h
ถังขยะในออฟฟิศจะค่อยๆ เต็มตาม context window — เมื่อเต็ม Boss จะเดินไปกระทืบถัง (Context Compaction) 😄
รอให้ frontend compile ครบก่อน (ครั้งแรกอาจใช้เวลา 30–60 วินาที) แล้วเปิด browser เอง:
http://localhost:3000
http://localhost:8000/healthStartOffice.bat จัดการให้อัตโนมัติ แต่ถ้ายังมีปัญหาให้รัน:
for /f "tokens=5" %a in ('netstat -ano ^| findstr :8000') do taskkill /PID %a /F
for /f "tokens=5" %a in ('netstat -ano ^| findstr :3000') do taskkill /PID %a /Fเพิ่ม PATH แล้วลองใหม่:
set Path=%USERPROFILE%\.local\bin;%Path% uv --version
คู่มือนี้สร้างโดย AI ทำอะไรได้บ้าง (Work 360)
Source: github.com/paulrobello/claude-office
เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า