Artifacts trong Claude Code: Hướng dẫn dành cho người vận hành
Anthropic đã thêm artifacts vào Claude Code. Tính năng này biến công việc lập trình của bạn thành các trang web trực tiếp mà bạn có thể chia sẻ với nhóm của mình.
Artifacts không phải là các tệp tĩnh. Chúng là các trang HTML tương tác. Chúng cập nhật khi bạn làm việc. Chúng sử dụng mã nguồn, tệp và kết quả kiểm thử thực tế của bạn để xây dựng các chế độ xem.
Bạn có thể sử dụng chúng để:
- Xem qua PR với các thay đổi mã (code diffs)
- Sơ đồ kiến trúc hệ thống
- Dashboard tương tác
- Các trang trạng thái sự cố trực tiếp
- Kiểm tra bảo mật và bản quyền
Cách sử dụng:
- Đăng nhập: Chạy
/logintrong phiên Claude Code của bạn. - Yêu cầu: Bảo Claude xây dựng một dashboard hoặc một sơ đồ.
- Xây dựng: Claude tạo ra trang HTML.
- Chia sẻ: Nhấp vào nút chia sẻ để gửi một liên kết riêng tư cho nhóm của bạn.
Khả năng truy cập và Quyền riêng tư:
- Tính năng này đang ở bản Beta cho các gói Team và Enterprise.
- Các gói cá nhân chưa có quyền truy cập.
- Artifacts là riêng tư. Chỉ những thành viên đã được xác thực trong tổ chức của bạn mới có thể xem chúng.
Anthropic cũng đã cập nhật Claude Design để thu hẹp khoảng cách giữa thiết kế và mã nguồn. Giờ đây bạn có thể sử dụng lệnh /design-sync.
Quy trình làm việc /design-sync:
- Kéo hệ thống thiết kế của bạn từ GitHub vào Claude Design.
- Sử dụng
/design-synctrong terminal để đưa các thiết kế đó vào mã nguồn của bạn. - Đẩy mã nguồn ngược lại Claude Design để chỉnh sửa trực quan.
Điều này tạo ra một vòng lặp hoàn chỉnh. Bạn chuyển từ thiết kế sang mã nguồn rồi đến tài liệu mà không cần rời khỏi hệ thống AI.
Điều này giải quyết một vấn đề lớn. Thông thường, công việc lập trình bằng AI bị ẩn trong terminal. Sau đó, các nhà phát triển phải viết các bản cập nhật thủ công trong Slack hoặc Jira. Artifacts giúp công việc hiển thị ngay lập tức.
Công việc trở thành phương thức giao tiếp.
Nguồn: https://dev.to/max_quimby/artifacts-in-claude-code-the-operators-guide-4fb0
Cộng đồng học tập tùy chọn: https://t.me/GyaanSetuAi