Claude | Computer use for coding

• Alex của Anthropic đã trình diễn khả năng của Claude trong việc thực hiện một tác vụ mã hóa trang web phức tạp bằng cách điều khiển trực tiếp máy tính xách tay của anh ấy.
• Claude đã tự động điều hướng trình duyệt, tạo một trang chủ qua Claude.ai, tải xuống mã nguồn, và mở nó trong VS Code để thiết lập môi trường làm việc cục bộ.
• AI đã thành công trong việc nhận diện và khắc phục lỗi khởi động máy chủ (do thiếu Python) và một lỗi hiển thị trên trang web bằng cách phân tích đầu ra thiết bị đầu cuối và chỉnh sửa mã nguồn.

• Claude thể hiện khả năng điều khiển giao diện người dùng máy tính (GUI), bao gồm trình duyệt web, hệ thống tập tin và môi trường phát triển tích hợp (IDE) như VS Code.
• Nó có thể tạo mã (ví dụ: HTML) thông qua tương tác với các mô hình AI khác hoặc dịch vụ web (ví dụ: Claude.ai).
• AI có khả năng thiết lập môi trường phát triển cục bộ, bao gồm mở tệp trong IDE và khởi động máy chủ web.
• Claude có thể giải thích và hành động dựa trên các thông báo lỗi từ thiết bị đầu cuối, điều chỉnh các lệnh của mình để giải quyết vấn đề (ví dụ: chuyển từ python sang python3).
• Nó có thể kiểm tra trực quan cả đầu ra trình duyệt (để tìm biểu tượng bị thiếu) và nhật ký thiết bị đầu cuối (để tìm các dòng lỗi cụ thể) nhằm xác định vấn đề.
• AI sử dụng các tính năng của IDE, chẳng hạn như "Tìm và Thay thế," để thực hiện các sửa đổi mã chính xác dựa trên lỗi đã xác định.
• Claude có thể lưu các tệp đã sửa đổi, điều này kích hoạt các bản cập nhật/chạy lại tự động của ứng dụng, thể hiện một vòng lặp phản hồi hoàn chỉnh cho quá trình phát triển.
• Trong tương lai, các tác vụ phức tạp gồm nhiều bước như vậy dự kiến sẽ được tinh giản chỉ trong một lần tương tác.

• tác vụ — task
• mã hóa — coding
• Claude — Claude (tên mô hình AI)
• chỉnh sửa — edit / modification
• câu lệnh — prompt / command
• mô hình AI — AI model
• sản phẩm/vật phẩm — artifact / output
• thiết bị đầu cuối — terminal
• công cụ — tool
• sử dụng công cụ — tool use
• tương tác — interaction

Giới thiệu và Khởi tạo Tác vụ

Tôi là Alex, trưởng bộ phận Quan hệ Nhà phát triển tại Anthropic. Hôm nay, tôi sẽ trình bày một tác vụ mã hóa với máy tính. Chúng tôi sẽ cho thấy Claude thực hiện tác vụ mã hóa một trang web bằng cách điều khiển máy tính xách tay của tôi. Nhưng trước khi bắt đầu mã hóa, chúng tôi cần một trang web thực tế để Claude thực hiện các chỉnh sửa. Vì vậy, hãy yêu cầu Claude điều hướng đến Claude.ai trong trình duyệt Chrome của tôi, và trong Claude.ai, yêu cầu Claude tạo một trang chủ cá nhân theo chủ đề thập niên 90 vui nhộn cho chính nó.

Tạo Trang Web và Tải về Mã nguồn

Claude mở Chrome, tìm kiếm Claude.ai, sau đó nhập một câu lệnh yêu cầu mô hình AI Claude kia tạo một trang chủ cá nhân cho chính nó. Claude.ai trả về một số mã, và mã đó được hiển thị đẹp mắt trong một sản phẩm/vật phẩm ở phía bên phải. Trông thật tuyệt vời, nhưng tôi muốn thực hiện một vài chỉnh sửa cho trang web cục bộ trên máy tính của mình. Hãy yêu cầu Claude tải xuống tệp và sau đó mở nó trong VS Code. Claude nhấp vào nút lưu tệp, mở VS Code, sau đó tìm tệp trong thư mục tải xuống của tôi và mở nó. Hoàn hảo.

Khởi động Máy chủ và Xử lý Lỗi

Bây giờ khi tệp đã được mở, hãy yêu cầu Claude khởi động một máy chủ để chúng ta có thể xem tệp trong trình duyệt. Claude mở thiết bị đầu cuối VS Code và cố gắng khởi động một máy chủ. Nhưng nó gặp lỗi. Thực tế, chúng ta không cài đặt Python trên máy của mình. Nhưng không sao, vì Claude nhận ra điều này bằng cách nhìn vào kết quả thiết bị đầu cuối, và sau đó thử lại với Python 3, mà chúng ta đã cài đặt trên máy. Nó hoạt động. Vậy là máy chủ đã được khởi động và chạy.

Nhận diện và Khắc phục Lỗi

Bây giờ khi máy chủ cục bộ đã được khởi động, chúng ta có thể tự mình xem trang web trong trình duyệt, và nó trông khá ổn. Nhưng tôi nhận thấy rằng thực tế có một lỗi trong kết quả thiết bị đầu cuối, và chúng ta cũng có biểu tượng tệp bị thiếu ở phía trên đây. Hãy yêu cầu Claude xác định lỗi này và sau đó chỉnh sửa nó trong tệp. Claude đọc trực quan kết quả thiết bị đầu cuối, sau đó mở công cụ Tìm và Thay thế trong VS Code để tìm dòng gây ra lỗi thực tế. Trong trường hợp này, chúng tôi chỉ yêu cầu Claude loại bỏ hoàn toàn lỗi, vì vậy nó sẽ chỉ xóa toàn bộ dòng. Sau đó, Claude sẽ lưu tệp và tự động chạy lại trang web. Vậy là lỗi đã biến mất, hãy xem lại trang web của chúng ta lần cuối, và chúng ta có thể thấy rằng biểu tượng tệp đã biến mất, và lỗi cũng không còn nữa. Hoàn hảo.

Kết luận

Vậy đó là mã hóa với sử dụng công cụ và Claude. Tác vụ này mất vài câu lệnh hiện tại, nhưng chúng ta có thể hình dung trong tương lai rằng Claude sẽ có thể thực hiện các tác vụ như thế này chỉ trong một lần tương tác.