Artifacts
Artifacts
Artifact là cửa sổ riêng tách khỏi luồng chat cho nội dung lớn, độc lập — chỉnh sửa tại chỗ, quản lý phiên bản, Publish để chia sẻ.
Nắm vững nguyên lý và khái niệm nền tảng trước khi đi vào công cụ thực tế.
Áp dụng quy trình từng bước, case study thực chiến và template mẫu có sẵn.
Kiểm tra checklist hoàn thành, né tránh các sai lầm kinh điển để vận hành bền vững.
Nắm vững các khái niệm nền tảng, cơ chế hoạt động và mô hình tư duy cốt lõi.
1. Mục tiêu học tập
Sau bài này, bạn có thể:
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” — 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í: 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ợ: 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ỗ: 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: 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: 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: 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ẻ.
Quy trình thực thi từng bước, case study cụ thể và bộ prompt/template áp dụng ngay.
6. Hướng dẫn từng bước
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ôngtạo Artifact, có thể yêu cầu rõ trong prompt.9. Visual hoặc diagram cần thiết
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.
Checklist kiểm tra mức độ sẵn sàng, nhận diện các bẫy sai lầm và nguyên tắc vàng vận hành.
11. Checklist
12. Lỗi thường gặp
(Suy luận từ nguyên tắc trong, không phải khảo sát lỗi người dùng đã ghi nhận chính thức.)
15. Best practices
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ọ.
- 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.
⚠️ 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).
📚 17. Nguồn tham khảo
What are artifacts and how do I use them?, Claude Help Center (Anthropic).