Thanh bên Chrome thêm lập trình cặp AI trực tiếp cho các trang web
Lizard Studio - Bảng bên mã Claude, được phát triển bởi Dragon Labs LLC, nhúng Claude Code của Anthropic vào Chrome để cung cấp hỗ trợ phát triển trong ngữ cảnh cho các trang web. Tiện ích mở rộng hiển thị một trợ lý bên trong bảng bên của trình duyệt kết nối với Claude Code CLI đang chạy cục bộ để hỗ trợ với việc gỡ lỗi, gợi ý mã và chỉnh sửa trên trang. Giao diện của nó nhóm lại việc chụp hình ảnh và một bộ công cụ thiết kế, nhắm đến các nhà phát triển web và nhà thiết kế UI muốn có quy trình làm việc trên trình duyệt có nhận thức về AI.
Trợ lý có thể tương tác với trang như một cộng tác viên con người không?
Có: công cụ kết nối trợ lý vào môi trường thực thi trình duyệt để nó có thể kiểm tra cấu trúc tài liệu trực tiếp và hoạt động trên tab đang hoạt động. Kết nối đó cho phép trợ lý chụp ảnh màn hình tổng hợp, chú thích các phần tử và thực hiện các hành động như nhấp chuột hoặc gõ, cung cấp cho AI bối cảnh thời gian thực cần thiết để hành xử giống như một lập trình viên cặp đôi hơn là một người tóm tắt thụ động.
Nó có giữ việc xử lý cục bộ và giới hạn định tuyến bên thứ ba không?
Kiến trúc ưu tiên cục bộ: phần mở rộng điều khiển một CLI Claude Code cục bộ thông qua một máy chủ nhắn tin gốc, mà nhà phát triển mô tả là chạy hoàn toàn trên máy của người dùng. Bước cài đặt sử dụng Node.js (máy chủ được cài đặt bằng lệnh npx), và nhà phát triển cho biết không sử dụng máy chủ bên ngoài hoặc telemetry, điều này giảm thiểu việc truyền tải mạng đến các bộ xử lý bên ngoài so với các thanh bên trung gian đám mây.
Nó phù hợp như thế nào vào quy trình làm việc và công cụ hiện có của một nhà phát triển?
Tích hợp với các nhiệm vụ front-end thông thường: phần mở rộng gói các công cụ hỗ trợ thiết kế trên trang và các công cụ kiểm tra mà nếu không sẽ cần các công cụ riêng biệt. Giao diện bao gồm:
- thước kẻ, hướng dẫn và lưới cột
- một công cụ lấy màu cho việc lấy mẫu màu
- xem trước viewport phản hồi và chú thích phần tử
Phần mở rộng cũng hoạt động với tài khoản và thư mục dự án Anthropic hiện có của bạn, vì vậy không cần tài khoản Lizard riêng biệt; điều đó giảm thiểu sự khó khăn trong việc quản lý tài khoản trong khi liên kết công cụ với thiết lập Claude Code do nhà phát triển kiểm soát.
Lựa chọn thực tiễn cho các nhà phát triển chấp nhận thiết lập cục bộ
Lizard Studio phù hợp với các nhà phát triển và nhà thiết kế sẵn sàng chạy một Claude Code CLI cục bộ và cài đặt một máy chủ gốc, vì yêu cầu đó tạo ra một bước cấu hình ban đầu. Đối với các nhóm sẵn sàng thêm công cụ Node.js, phần mở rộng nhúng hỗ trợ AI trực tiếp vào quy trình làm việc trên trình duyệt và giữ việc xử lý tại chỗ; đối với người dùng tránh các thành phần cục bộ, gánh nặng thiết lập khiến nó trở thành một lựa chọn kém thuận tiện hơn.
