Cách xây dựng trải nghiệm tương tác với tính năng Canvas trong GitHub Copilot

Hiện nay, hầu hết các lập trình viên đã quen thuộc với việc làm việc cùng các AI agent để lên kế hoạch dự án hoặc tự động hóa quy trình. Tuy nhiên, không phải mọi tác vụ đều phù hợp với hình thức trò chuyện (chat) đơn thuần. Đối với những công việc cần phân loại backlog, trực quan hóa dữ liệu phức tạp hoặc tổng hợp thông tin từ nhiều nguồn, một giao diện trực quan sẽ giúp bạn nắm bắt vấn đề nhanh chóng hơn.

Canvas là gì?

Canvas là các bề mặt tương tác được chia sẻ, đóng vai trò như một phần mở rộng trong ứng dụng GitHub Copilot. Đây là không gian làm việc chung nơi lập trình viên và AI agent có thể cộng tác theo thời gian thực. Thay vì chỉ nhận phản hồi qua các chuỗi prompt dài, bạn có thể tương tác trực tiếp với thông tin trên Canvas thông qua các thao tác nhấp chuột, chỉnh sửa hoặc các hành động cụ thể khác.

Để bắt đầu, bạn chỉ cần sử dụng lệnh /create-canvas trong phiên làm việc với Copilot và mô tả yêu cầu hoặc khả năng mà bạn muốn Canvas hỗ trợ.

Các ứng dụng thực tế của Canvas

Nhờ khả năng tùy biến cao, Canvas có thể được áp dụng cho nhiều mục đích khác nhau:

• Hỗ trợ phân loại Issue: Tạo giao diện dạng thẻ để bạn dễ dàng vuốt (swipe) sang phải để xử lý hoặc sang trái để từ chối các GitHub Issue, giúp việc quản lý backlog trở nên nhanh chóng và trực quan.
• Sơ đồ codebase tương tác: Yêu cầu Copilot vẽ sơ đồ cấu trúc dự án. Bạn có thể di chuột, kéo thả và lọc các thành phần để hiểu rõ mối quan hệ giữa các module trong hệ thống.
• Quản lý Worktree: Trực quan hóa các phiên làm việc hiện tại và các git worktree, giúp bạn nhận diện các phiên đã cũ hoặc bị bỏ hoang để dọn dẹp chỉ với một cú nhấp chuột.
• Huấn luyện Prompt: Xây dựng một công cụ phân tích các prompt cũ, từ đó gợi ý cách cải thiện cú pháp, bổ sung ngữ cảnh hoặc sửa lỗi chính tả để đạt kết quả tốt hơn trong tương lai.
• Tìm kiếm tri thức: Tích hợp dữ liệu từ Slack, Teams, email và tài liệu để tìm kiếm những người có chuyên môn hoặc ngữ cảnh liên quan đến một file cụ thể trong dự án.

Canvas không chỉ giúp AI trở thành một công cụ hội thoại, mà còn biến nó thành một không gian làm việc chung, nơi bạn và agent có thể cùng tư duy, khám phá và thực thi công việc một cách hiệu quả hơn.

Nguồn tham khảo: GitHub Blog