Claude Artifacts là một cửa sổ riêng, hiển thị song song với khung chat, dùng để trình bày những nội dung độc lập và có thể tương tác — từ tài liệu, đoạn mã cho tới một ứng dụng React nhỏ. Thay vì nằm lẫn trong luồng chat và trôi đi khi hội thoại kéo dài, chúng tồn tại như những đối tượng được render sẵn ở khung bên phải, luôn sẵn sàng để bạn xem lại và chỉnh sửa.
Claude tự động mở một Artifact khi câu trả lời đủ lớn và đủ độc lập — thường là nội dung dài hơn 15 dòng, có thể tái sử dụng hoặc cần sửa nhiều lần. Đây là một không gian làm việc trực quan: nó biến kết quả từ AI thành những thứ bạn bấm, sửa và chia sẻ được ngay, thay vì chỉ là văn bản để đọc.
Artifacts là gì?
Trong một cuộc hội thoại thông thường, câu trả lời của AI ở dạng tĩnh và dễ trôi đi khi ngữ cảnh dài thêm. Artifacts giải quyết điều này bằng cách tách phần trò chuyện ra khỏi sản phẩm bạn đang dựng. Khi bạn yêu cầu Claude tạo một thứ gì đó phức tạp, nội dung ấy được đẩy sang một cửa sổ riêng, tách biệt — một không gian song song nơi bạn thao tác trực tiếp với mã nguồn hoặc giao diện mà không làm gián đoạn mạch chính.
Về mặt kỹ thuật, Artifacts nhận nhiều loại nội dung khác nhau: tài liệu Markdown có cấu trúc, các đoạn mã, trang web HTML đơn (kèm CSS/JS), đồ họa vector SVG, sơ đồ Mermaid và các thành phần giao diện React tương tác. Vì đây là những đối tượng "sống", mỗi lần bạn tinh chỉnh qua khung chat thì bản hiển thị cập nhật lại ngay — giữ cho vòng phản hồi luôn ngắn trong lúc bạn hoàn thiện.
Cách bật và tạo một Artifact
Để dùng được tính năng này, bạn cần bật "Code execution and file creation" trong Settings > Capabilities. Với tài khoản Team hoặc Enterprise, chủ tổ chức (Owner) phải cấp quyền này trong phần cài đặt tổ chức. Một lưu ý quan trọng: hiện Artifacts chỉ chạy khi bạn dùng Anthropic API trực tiếp — các nền tảng trung gian như Amazon Bedrock, Google Vertex AI hay Microsoft Foundry đều chưa hỗ trợ.
Có hai cách để một Artifact xuất hiện. Claude có thể tự nhận ra khi nào nên mở một Artifact dựa trên độ dài và độ phức tạp của nội dung, hoặc bạn chủ động yêu cầu bằng một câu lệnh cụ thể:
Tạo một dashboard HTML hiển thị các số liệu này dưới dạng Artifact: [dữ liệu của bạn]Khi nhận lệnh, Claude khởi tạo một tệp HTML hoặc Markdown rồi hiển thị kết quả ngay ở khung bên phải.
Bạn có thể tạo ra những gì với Artifacts?
Nhờ khả năng render ngay trên trình duyệt, Artifacts phù hợp với vài nhóm sản phẩm chính. Đầu tiên là tài liệu có cấu trúc: bản kế hoạch dự án, template Markdown, hay bản kiểm kê các thư viện phụ thuộc trong một dự án. Những tệp này đóng vai trò như tài liệu tham chiếu "sống", tránh được cảnh mất ngữ cảnh khi cuộc trò chuyện dài dần.
Nhóm thứ hai là công cụ tương tác và đồ họa kỹ thuật: bộ máy tính, dashboard dữ liệu có thể lọc và sắp xếp mà không cần backend, logo SVG, hay sơ đồ luồng Mermaid dựng thẳng từ mô tả bằng lời. Vì hỗ trợ HTML và CSS, Artifacts cũng rất hợp để làm infographic hoặc bản tin (newsletter) có bố cục hoàn chỉnh — Claude tự chọn màu nền, làm nổi các ý chính, và bạn chỉ cần nhắc để nó chỉnh lại. Riêng landing page còn được ghi nhận là dễ được Google lập chỉ mục nhanh, nên hợp cho việc dựng thử và thử nghiệm nội dung.
Nhóm cuối là các ứng dụng nhỏ như quiz học tập hay game mini. Điểm mạnh chung là bạn nhận về giao diện có màu sắc, bố cục và font chữ tử tế thay vì văn bản thô. Nhưng cần nhớ giới hạn: Artifact là một bản chụp tĩnh — không có backend, không lưu dữ liệu vào cơ sở dữ liệu và không gọi API ở thời điểm người xem mở trang.
Chỉnh sửa, chia sẻ và quản lý phiên bản
Bạn tinh chỉnh một Artifact bằng cách trò chuyện tiếp: Claude sửa trực tiếp mã nguồn trên cửa sổ đang mở thay vì tạo một câu trả lời mới. Riêng với tài liệu Markdown, tính năng "Edit với Claude" cho phép bạn bôi đen một đoạn và yêu cầu sửa ngay tại chỗ đó. Đi kèm là bộ chọn phiên bản để bạn xem lại các thay đổi và quay về một trạng thái ổn định khi cần.
Về chia sẻ, bạn xuất bản (Publish) một Artifact để nhận đường link riêng. Người xem không cần tài khoản Claude vẫn xem được nội dung tĩnh, nhưng phải đăng nhập nếu muốn dùng các tính năng tương tác nâng cao. Cũng cần để ý dung lượng: một trang Artifact khi render phải nhỏ hơn 16 MiB — nhúng ảnh hoặc tài sản quá lớn dưới dạng data URI có thể khiến việc xuất bản thất bại.
Tính năng nâng cao: AI-powered artifacts, MCP và lưu trữ lâu dài
AI-powered artifacts cho phép bạn nhúng chính trí tuệ của Claude vào ứng dụng để xử lý dữ liệu qua API của Anthropic — và chi phí này tính vào tài khoản người dùng ứng dụng, chứ không phải người tạo. Đổi lại là các ràng buộc bảo mật chặt từ Content Security Policy (CSP): Artifact là trang tĩnh, không có backend, và CSP chặn mọi kết nối mạng ra ngoài như fetch, XHR hay WebSocket. Vì thế mọi thư viện, font hay hình ảnh đều phải được nhúng thẳng vào trang dưới dạng mã hoặc data URI.
Để mở rộng ra ngoài, Artifact dùng Model Context Protocol (MCP) để kết nối với các dịch vụ như Google Calendar, Slack hay Asana, sau khi bạn cấp quyền truy cập. Ngoài ra, tính năng lưu trữ lâu dài (persistent storage) cho bạn 20MB để giữ dữ liệu giữa các phiên — dùng được cả ở chế độ cá nhân lẫn dùng chung. Một điểm cần nhớ: kho lưu trữ này chỉ hoạt động sau khi Artifact đã được xuất bản; trong lúc thử nghiệm nội bộ, các thao tác ghi dữ liệu sẽ không có hiệu lực.
Artifacts trong Claude Code
Trong Claude Code (giao diện dòng lệnh) và ứng dụng desktop (từ phiên bản v1.13576.0 trở lên), Artifacts đóng vai trò lớp hiển thị trực quan cho những tác vụ kỹ thuật phức tạp. Bạn có thể biến kết quả điều tra một sự cố, hay phần giải thích một pull request (PR walkthrough), thành một trang web gọn gàng để gửi nhanh cho đồng nghiệp. Nó giúp diễn giải những hệ thống rắc rối bằng bản đồ luồng dữ liệu hoặc một checklist phát hành tự cập nhật trạng thái theo tiến độ.
Claude Code có vài biến môi trường để bạn kiểm soát luồng làm việc — ví dụ CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0 để trình duyệt không tự bật mỗi khi có Artifact mới, giúp bạn tập trung vào terminal. Muốn mở lại Artifact gần nhất, chỉ cần bấm Ctrl + ]. Mọi Artifact tạo từ Claude Code đều lưu trên hạ tầng của Anthropic, giữ riêng tư trong phạm vi tổ chức và quản lý được qua Compliance API cho các nhu cầu bảo mật doanh nghiệp.
Tài liệu tham khảo
- What are artifacts and how do I use them? | Claude Help Center
- Claude Code now supports artifacts | Claude by Anthropic
- How I use Claude Artifacts in my content workflow — Yulia Savliuk
- Share session output as artifacts — Claude Code Docs
- Claude Artifacts: What They Are and How to Use Them — YouTube