Artifacts

Level: L3 — AI Workspace (Bài 2/10)

1. Mục tiêu học tập

Sau bài này, bạn có thể:

Giải thích Artifact là gì và phân biệt nó với 1 câu trả lời thông thường trong khung chat.
Biết chính xác khi nào Claude tạo ra 1 Artifact thay vì trả lời trực tiếp.
Liệt kê các loại nội dung có thể trở thành Artifact.
Biết cách chỉnh sửa, quản lý phiên bản, xuất bản và chia sẻ Artifact.
Hiểu 2 tính năng nâng cao: tích hợp MCP và lưu trữ dữ liệu bền vững.

2. Khái niệm cốt lõi

Artifact là “cửa sổ riêng nơi Claude chia sẻ nội dung lớn, độc lập, tách khỏi luồng chat” [S67] — cho phép “biến ý tưởng thành app, công cụ, hay nội dung có thể chia sẻ” chỉ bằng mô tả.

Khác biệt cốt lõi: Artifact xuất hiện trong 1 khung riêng bên cạnh cuộc hội thoại, không lẫn vào dòng chảy tin nhắn — xem, chỉnh sửa, hay quay lại tham chiếu mà không cần cuộn lịch sử chat.

3. Tại sao nội dung này quan trọng

Nhiều người không nhận ra Claude có thể tạo sản phẩm độc lập, có thể chỉnh sửa và tái sử dụng — thay vì 1 khối văn bản dài lẫn trong lịch sử khó tìm lại.
Tận dụng Artifact giúp làm việc hiệu quả hơn với nội dung có cấu trúc — chỉnh sửa trực tiếp thay vì yêu cầu viết lại toàn bộ.
Nền tảng để chia sẻ sản phẩm với người khác, kể cả không có tài khoản Claude.

4. Cơ chế hoạt động

Khi nào Claude tạo Artifact — 4 tiêu chí [S67]: nội dung vượt khoảng 15 dòng; có khả năng cần chỉnh sửa/lặp lại/tái sử dụng; “phức tạp, tự chứa”; đáng tham chiếu lại sau hoặc dùng bên ngoài.

Loại nội dung hỗ trợ [S67]: tài liệu (Markdown/plain text), code, website HTML 1 trang, ảnh SVG, sơ đồ/flowchart, React component tương tác.

Chỉnh sửa tại chỗ [S67]: bôi đen đoạn cần sửa, chọn “Edit with Claude”, mô tả thay đổi — sửa đúng vị trí đã đánh dấu.

Quản lý phiên bản [S67]: bộ chọn phiên bản tích hợp, chuyển đổi qua lại giữa các bản mà không mất “trí nhớ” của Claude về nội dung gốc.

Xuất bản [S67]: Artifact tạo trong hội thoại không tự động xuất hiện trong sidebar — phải chủ động bấm “Publish”.

2 tính năng nâng cao [S67]: Tích hợp MCP (Pro trở lên) — kết nối dịch vụ ngoài (Asana, Google Calendar, Slack). Lưu trữ dữ liệu bền vững (Pro trở lên) — Artifact hoạt động như ứng dụng có trạng thái, giới hạn 20MB.

5. Mental model

Hình dung Artifact như 1 tấm bảng trắng riêng đặt cạnh bàn họp, khác biên bản cuộc họp (chat thông thường): biên bản ghi tuần tự, muốn tìm lại phải lật từ đầu; bảng trắng luôn hiển thị sẵn, xoá/sửa trực tiếp 1 phần, và có thể chụp ảnh (publish) mang đi chia sẻ.

6. Hướng dẫn từng bước

Yêu cầu Claude tạo nội dung đủ lớn/phức tạp — Claude tự động mở Artifact nếu đủ 4 tiêu chí.
Xem nội dung trong khung Artifact riêng.
Cần sửa 1 phần (tài liệu Markdown): bôi đen, chọn “Edit with Claude”.
Nhiều phiên bản qua các lần sửa: dùng bộ chọn phiên bản.
Hài lòng và muốn giữ/chia sẻ: bấm “Publish”.
Chia sẻ link công khai nếu cần.
Cần kết nối dịch vụ ngoài/lưu trạng thái lâu dài (Pro trở lên): xem mục 16.

7. Ví dụ thực tế

Cần viết 1 trang landing page HTML giới thiệu hội thảo về AI. Yêu cầu: “Tạo 1 trang HTML có tiêu đề, mô tả ngắn, form đăng ký.” Vì là code hoàn chỉnh, tự chứa, rõ ràng cần chỉnh sửa/tái sử dụng, Claude tự mở thành Artifact. Người dùng xem trước giao diện, bôi đen dòng tiêu đề, chọn “Edit with Claude” để sửa riêng phần đó — không cần viết lại toàn bộ. Bấm “Publish” để có link chia sẻ.

8. Prompt/template/workflow

1. Nội dung có dài hơn khoảng 15 dòng không?
2. Tôi có khả năng cần sửa/dùng lại nội dung này sau không?
3. Nội dung có tự đứng được, không cần thêm ngữ cảnh hội thoại để hiểu
   không?

Nếu CÓ cả 3 → Claude thường sẽ tự tạo Artifact. Nếu bạn muốn ép tạo/không
tạo Artifact, có thể yêu cầu rõ trong prompt.

9. Visual hoặc diagram cần thiết

Hình 3.2 — Artifact như bảng trắng riêng cạnh bàn họp; luồng Publish → chia sẻ.

10. Bài tập thực hành

Yêu cầu Claude tạo nội dung đủ dài/phức tạp và quan sát có tự mở Artifact không.
Thử chỉnh sửa 1 phần nhỏ bằng “Edit with Claude” thay vì yêu cầu viết lại toàn bộ.
Publish và thử mở link chia sẻ ở trình duyệt khác để xác nhận hoạt động.

11. Checklist

Tôi phân biệt được Artifact với 1 câu trả lời chat thông thường.
Tôi biết 4 tiêu chí khiến Claude tạo Artifact.
Tôi biết cách chỉnh sửa 1 phần cụ thể của Artifact mà không cần viết lại toàn bộ.
Tôi biết Artifact phải được Publish thủ công mới xuất hiện trong sidebar và chia sẻ được.

12. Lỗi thường gặp

(Suy luận từ nguyên tắc trong [S67], không phải khảo sát lỗi người dùng đã ghi nhận chính thức.)

Yêu cầu Claude viết lại toàn bộ Artifact chỉ để sửa 1 chi tiết nhỏ.
Quên Publish rồi thắc mắc sao không tìm lại được Artifact cũ.
Nhầm lẫn Artifact với file tải lên — Artifact là nội dung Claude tạo ra, khác file người dùng tải lên (bài 21).

13. Giới hạn & khi nào KHÔNG nên áp dụng

Với nội dung ngắn, đơn giản, Artifact là thừa.
Bài này không đi sâu xây dựng ứng dụng có trạng thái phức tạp — chỉ giới thiệu khái niệm (mục 16).
Tích hợp MCP trong Artifact chỉ khả dụng từ gói Pro trở lên.

14. An toàn & quản trị (Safety/Governance)

Khi đã Publish, Artifact có link công khai — bất kỳ ai có link đều xem được. Trước khi Publish, rà soát nội dung có chứa thông tin nhạy cảm không — nguyên tắc bài 2 (L1) áp dụng đầy đủ. Với Artifact tích hợp MCP, Artifact đó có quyền truy cập dịch vụ đã kết nối — áp dụng nguyên tắc thận trọng ở bài 24 (Connectors).

15. Best practices

Không cần yêu cầu “hãy tạo artifact” — Claude tự nhận diện.
Dùng “Edit with Claude” cho chỉnh sửa cục bộ.
Chỉ Publish khi thực sự cần lưu trữ/chia sẻ.
Rà soát nội dung nhạy cảm trước khi Publish.

16. Nội dung nâng cao (không bắt buộc)

Tích hợp MCP (Pro trở lên) — Artifact gọi trực tiếp dịch vụ ngoài, người dùng xác thực bằng tài khoản Claude của họ [S67].
Lưu trữ dữ liệu bền vững (Pro trở lên, 20MB/Artifact) — bước đệm gần với xây dựng công cụ thực thụ, gặp lại ở Level 6.

17. Nguồn tham khảo

[S67] What are artifacts and how do I use them?, Claude Help Center (Anthropic).

18. Ngày kiểm chứng

2026-07-12. Nguồn không có mốc ngày cố định. Chi tiết giới hạn cụ thể (20MB/Artifact, danh sách dịch vụ MCP) là thông tin thời điểm, cần re-check nếu tái bản sau thời gian dài.