CodeWalkers: Trợ lý AI dưới dạng thú cưng desktop sinh động cho lập trình viên

Trong khi nhiều trợ lý AI hỗ trợ lập trình hiện nay rất hữu ích, chúng lại thường yêu cầu người dùng liên tục chuyển đổi giữa mã nguồn và thanh sidebar của IDE hoặc phải mở trình duyệt hỏi ChatGPT, Claude... Điều này làm gián đoạn dòng chảy làm việc và mất thời gian.

Từ cảm hứng muốn có một trợ lý AI xuất hiện “đi lang thang” trên màn hình như những thú cưng desktop ngày xưa (ví dụ Shimeji, BonziBuddy), một lập trình viên đã phát triển CodeWalkers — một ứng dụng desktop pet mã nguồn mở có thể chạy trên nhiều nền tảng, tích hợp trí tuệ nhân tạo để hỗ trợ viết code trực tiếp ngay trên màn hình.

CodeWalkers là gì?

CodeWalkers là một ứng dụng desktop trong suốt được xây dựng bằng Tauri V2, kết hợp cùng React và TypeScript. Ứng dụng tạo ra các nhân vật nghệ thuật pixel nhỏ xinh đi lại, chạy trên màn hình của bạn. Nhưng điểm khác biệt lớn nhất là những thú cưng này có “bộ não AI” bên trong.

Khi gặp vấn đề trong quá trình lập trình, bạn chỉ cần click vào một nhân vật, ngay lập tức sẽ hiện ra một cửa sổ terminal để bạn tương tác. Backend hiện đang được kết nối trực tiếp với những trợ lý AI dòng lệnh nổi tiếng như GitHub Copilot CLI và Gemini CLI, cho phép bạn hỏi cách viết regex, cấu hình Nginx hay giải thích đoạn mã…

Trong lúc AI “suy nghĩ”, một bong bóng thoại kiểu RPG cổ điển sẽ xuất hiện trên đầu thú cưng, biến những khung chờ lặp đi lặp lại trong terminal thành trải nghiệm hình ảnh sinh động và tương tác.

CodeWalkers trên desktop

Công nghệ và kỹ thuật nổi bật

Khắc phục vấn đề Phantom Clicks trên cửa sổ trong suốt

Ứng dụng phải tạo một cửa sổ cực kỳ trong suốt để thú cưng tự do di chuyển mà không che chắn thao tác chuột với IDE hoặc trình duyệt. Tuy nhiên, trên macOS, click vào vùng pixel hoàn toàn trong suốt sẽ tự động truyền sự kiện chuột xuống phía dưới.

Tác giả đã kết hợp requestAnimationFrame của React với kiểm tra pixel để xác định vị trí click chính xác. Đồng thời, thêm một lớp nền gần như vô hình với alpha rất thấp (rgba(255, 255, 255, 0.01)) để “lừa” hệ thống, giúp nhận click chuột một cách tinh tế và chính xác.

Tích hợp shell CLI thật sự trong bộ não thú cưng

CodeWalkers không chỉ là hộp chat AI mà còn chạy lệnh CLI thật sự qua backend Rust. Giải pháp xử lý đầu ra được chia tách (stdout và stderr), đồng thời phân tích các đoạn mã điều khiển ANSI để hiện thị bong bóng suy nghĩ đúng lúc khi AI xử lý. Bí quyết này nâng trải nghiệm lên một “level” mới, gần với các công cụ thực nghiệm hơn.

Cùng với đó, hệ thống đọc biến môi trường từ file .codewalkers.env giúp bảo mật token API và tránh rối loạn môi trường hệ thống.

Hiệu năng chuyển động mượt mà 60 FPS

Những ứng dụng phủ sóng màn hình thường dễ hao CPU khi có animation. CodeWalkers tránh tình trạng này bằng cách không lưu vị trí nhân vật trong React State, thay vào đó thao tác trực tiếp lên thuộc tính transform của DOM qua ref, chạy đồng bộ với requestAnimationFrame. Điều này giúp đạt chuyển động mượt mà 60 FPS mà không làm lag phần cứng.

Tùy biến skin và nhân vật

CodeWalkers hỗ trợ người dùng thêm các skin mình thích bằng cách đơn giản thả các file GIF vào thư mục quy định và điều chỉnh cấu hình sprite. Bạn có thể nuôi dưỡng phiên bản thú cưng pixel của Hatsune Miku, Mario hoặc một thiết kế pixel art theo ý thích ngay trên desktop của mình.

Mã nguồn mở và cộng đồng

CodeWalkers là dự án mã nguồn mở hoàn toàn với mã sạch, không chứa nhiều thư viện cồng kềnh. Tác giả đã chuẩn bị đầy đủ hệ thống CI/CD và bao phủ thử nghiệm để đảm bảo ổn định.

Bạn có thể truy cập kho lưu trữ tại: https://github.com/you-want/CodeWalkers

Nếu bạn:

• Muốn trợ lý AI cá nhân sinh động ngay trên desktop

• Yêu thích ý tưởng thú vị và muốn thử nghiệm công nghệ Tauri V2

• Quan tâm đến phát triển ứng dụng desktop đa nền tảng với cửa sổ trong suốt, đa tiến trình và xử lý PTY

Hãy đăng ký Star ủng hộ dự án và góp sức cải thiện bằng các pull request thêm skin nhân vật hoặc tích hợp thêm các CLI LLM như Claude, Ollama hay DeepSeek.

Tạm biệt những cửa sổ terminal khô khan, CodeWalkers mang tới sức sống cyber mới mẻ đầy thú vị cho không gian làm việc của bạn!