🔥 Anthropic Nâng Tầm Claude Code Với Tính Năng 'Artifacts' Đột Phá: Chia Sẻ Phiên Coding Trực Tiếp Dưới Dạng Trang Web Tương Tác! ✨
Anthropic vừa chính thức ra mắt một tính năng mang tính cách mạng cho Claude Code: Artifacts. Vốn đã là một công cụ được yêu thích trên giao diện web của Claude (claude.ai), nay Artifacts đã được tích hợp vào Claude Code CLI và ứng dụng desktop.
Tính năng đột phá này cho phép các nhà phát triển biến các phiên coding, refactoring và debug trên terminal của họ thành những trang web tương tác cao, riêng tư và cập nhật theo thời gian thực. Đồng đội có thể xem kết quả công việc đang tiến hành, pull request, sơ đồ hệ thống hoặc bảng điều khiển lỗi được cập nhật ngay lập tức khi tác nhân terminal tiếp tục làm việc.
'Artifacts' Trên Claude Code Là Gì? 💡
Một phiên làm việc với Claude Code có thể bao gồm từ việc điều tra sự cố hệ thống, tái cấu trúc dịch vụ cho đến phân tích dữ liệu ứng dụng kéo dài hàng tháng. Với Artifacts, Claude Code có thể chuyển ngữ ngữ cảnh hoạt động này thành một trang web có cấu trúc đẹp mắt mà bất kỳ ai trong tổ chức của bạn cũng có thể mở và khám phá.
Thay vì phải viết tóm tắt thủ công hay tự thiết lập môi trường staging, bạn chỉ cần yêu cầu Claude Code tạo một 'artifact'. Trang này sẽ được xây dựng tự động dựa trên: * Ngữ cảnh codebase đang hoạt động của bạn. * Các công cụ và tích hợp đã kết nối. * Lịch sử cuộc trò chuyện của phiên terminal của bạn.
Ví dụ, một 'artifact' điều tra sự cố có thể dễ dàng tập hợp một trường hợp kiểm thử bị lỗi, hàm code tương ứng, các đỉnh lỗi từ một công cụ giám sát được kết nối và lý do gốc rễ của tác nhân.
Các Tính Năng Chính Nổi Bật 🌟
1. Xây Dựng Từ Toàn Bộ Ngữ Cảnh Phiên Làm Việc 🌐
Bạn không cần phải kết nối các nguồn dữ liệu bên ngoài, quản lý cơ sở dữ liệu hay thiết lập máy chủ. Claude Code truy cập codebase và các công cụ của bạn, sau đó xây dựng trang từ môi trường hiện có.
2. Trang Trực Tiếp Cập Nhật Tức Thì ⚡️🔄
Đồng đội sẽ thấy các cập nhật ngay khi chúng được công bố. Khi Claude Code sửa đổi một 'artifact', trang trình duyệt sẽ tự động làm mới tại chỗ. Mỗi lần xuất bản sẽ tạo ra một phiên bản mới tại cùng một URL, kèm theo: * Lịch sử phiên bản (Version history): Dễ dàng theo dõi và khôi phục các trạng thái trước đó. * Thư viện (Gallery): Một nơi tập trung trên claude.ai để quản lý và duyệt tất cả các 'artifact' bạn đã tạo.
3. Riêng Tư và An Toàn Cấp Doanh Nghiệp 🔒
Tất cả các 'artifact' đều ở chế độ riêng tư theo mặc định: * Các liên kết được chia sẻ chỉ có thể xem bởi thành viên đã xác thực của tổ chức bạn. * Các quyền kiểm soát của quản trị viên bao gồm các công tắc bật/tắt toàn tổ chức, phạm vi truy cập dựa trên vai trò, chính sách giữ lại tùy chỉnh và giám sát API tuân thủ.
Cách Tạo và Sử Dụng 'Artifacts' 🧑💻
Bước 1: Khởi Tạo Phiên Làm Việc
Đảm bảo bạn đã đăng nhập vào gói Claude Team hoặc Enterprise trên Claude Code CLI: bash claude login
Bước 2: Yêu Cầu Tạo 'Artifact'
Trong phiên coding trên terminal của bạn, chỉ cần yêu cầu Claude Code tạo một bố cục hoặc trang trực quan. Ví dụ: bash # Ask Claude Code: "Hãy tạo một bản tóm tắt phân tích lỗi bảo mật gần đây dưới dạng một trang tương tác (artifact) để tôi chia sẻ với đội ngũ."
Bước 3: Phê Duyệt và Xem Trước 👁️🗨️
Claude Code sẽ ghi trang vào một tệp HTML hoặc Markdown trong dự án của bạn, sau đó yêu cầu cấp quyền: > Claude muốn xuất bản "Deploy failures by service" (deploy-failures.html) ra một trang riêng tư trên claude.ai. Tiếp tục? (Y/n)
Sau khi bạn chấp thuận, Claude Code sẽ in URL riêng tư và tự động mở nó trong trình duyệt hoặc ứng dụng desktop của bạn: * Mở URL: https://claude.ai/artifacts/... * Bạn có thể mở lại 'artifact' gần nhất bất cứ lúc nào từ terminal bằng cách sử dụng Ctrl + ]. * Để tắt tự động mở trình duyệt, hãy đặt CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0 trong môi trường của bạn.
Các Trường Hợp Sử Dụng Phổ Biến 🚀🤝
* Hướng dẫn PR (PR Walkthroughs): Hướng dẫn trực quan các sửa đổi code phức tạp với các bản diff tương tác, có chú thích. * Dòng thời gian sự cố (Incident Timelines): Bảng điều khiển theo thời gian thực trong quá trình gỡ lỗi, hiển thị các commit bị lỗi, nhật ký và biểu đồ tỷ lệ lỗi trực tiếp. * Kiểm toán giấy phép & Tổng quan kiến trúc (License Audits & Architecture Overviews): Tài liệu được tạo đẹp mắt và bản đồ phụ thuộc được cập nhật khi bạn làm việc. * Danh sách kiểm tra phát hành (Release Checklists): Danh sách kiểm tra tương tác tự động đánh dấu hoàn thành khi Claude Code kết thúc các tác vụ trong terminal của bạn.
Điều này giúp quá trình cộng tác trở nên liền mạch—các nhóm dành ít thời gian hơn để giải thích các cập nhật trạng thái và dành nhiều thời gian hơn để cùng nhau xây dựng.