Artifacts — để Claude tạo ra sản phẩm thật

Mục tiêu

Sau phần này anh em biết dùng Artifacts để Claude xuất ra sản phẩm thật. Không phải đoạn text nằm trong khung chat. Là một tài liệu, bảng, hay trang web nhỏ mà anh em chỉnh sửa được ngay, rồi chia sẻ được luôn.

Nội dung

Artifacts là gì

Khi anh em nhờ Claude tạo thứ gì đó có nội dung đủ dài, đủ độc lập. Claude sẽ không trả về đoạn text trôi nổi trong chat. Nó mở thêm một cửa sổ riêng ở bên phải. Cửa sổ đó chính là Artifact.

Hình dung đơn giản như thế này: Claude vừa làm vừa đưa cho anh bản nháp sống. Anh đọc, góp ý, Claude sửa ngay trên đó. Không cần copy paste ra ngoài, không cần làm lại từ đầu.

Artifact xuất hiện khi nào?

Claude tự quyết định. Thường khi nội dung đủ dài hoặc là một sản phẩm trọn vẹn, hoặc khi thứ anh yêu cầu có tính độc lập rõ. Ví dụ: một bảng kế hoạch, một đoạn code hoàn chỉnh, một trang web nhỏ.

Nếu anh chỉ hỏi một câu ngắn hay nhờ giải thích khái niệm, Claude sẽ trả lời thẳng trong chat, không tạo Artifact.

Artifact tạo được gì?

Hiện tại có mấy loại chính:

• Tài liệu dạng Markdown (bài viết, hướng dẫn, kế hoạch)
• Bảng biểu (bảng kế hoạch, bảng so sánh, danh sách công việc)
• Code (Python, JavaScript, SQL... đủ loại)
• Trang web nhỏ dạng HTML (landing page đơn giản, form, mini app)
• Sơ đồ dạng Mermaid (flowchart, timeline)
• React component (cho ai biết lập trình)

Với anh em non-tech, phần dùng nhiều nhất là tài liệu, bảng, và trang web đơn giản.

Sửa qua lại ngay trong Artifact

Đây mới là phần hay. Anh không cần nhờ Claude viết lại từ đầu khi muốn chỉnh. Chỉ cần gõ yêu cầu sửa vào khung chat, Artifact sẽ cập nhật ngay. Thêm cột, xóa dòng, đổi tiêu đề, viết lại đoạn nào đó... tất cả đều làm được trong cùng một phiên.

Anthropic gọi đây là iterative editing. Hiểu nôm na là anh và Claude cùng hoàn thiện sản phẩm vòng qua vòng lại, mỗi vòng tốt hơn một chút.

Chia sẻ

Artifact có nút chia sẻ. Anh bấm "Publish", Claude tạo một link. Ai có link đó mở được trên trình duyệt, không cần tài khoản Claude. Dùng được ngay.

Điều này khá tiện khi anh em muốn chia sẻ một bảng kế hoạch, một trang thông tin nhanh, hay một công cụ nhỏ cho đồng nghiệp. Không cần export ra file rồi gửi qua email nữa.

Lưu ý quan trọng: phải bấm Publish, đừng copy link trên thanh địa chỉ

Đây là chỗ rất nhiều người mới vấp. Khi Claude tạo xong trang web nhỏ, anh thấy nó hiện ra ngay bên phải, trông như web thật. Nhưng cái link đang nằm trên thanh địa chỉ trình duyệt lúc đó là link phòng chat RIÊNG của anh. Người khác mở link đó sẽ không vào được.

Muốn có link dùng chung được, anh phải bấm nút "Publish" (hoặc biểu tượng chia sẻ) trong khung Artifact. Lúc đó Claude mới tạo ra một link MỚI, link công khai. Ai có link này đều mở được, không cần tài khoản Claude, không tốn tiền.

Tóm gọn: thấy web hiện ra chưa đủ. Phải bấm Publish thì link mới chia sẻ được.

Link Publish và "web thật" có domain riêng khác nhau thế nào

Nhiều anh em hỏi: vậy là đã có website rồi đúng không? Gần đúng. Link Publish đã đủ để khoe bạn bè, gửi đồng nghiệp xem, hay nộp một bài tập nhỏ. Với phần lớn nhu cầu, bấy nhiêu là xong.

Chỉ khi nào anh muốn web có địa chỉ riêng kiểu tencuaban.com, trông chuyên nghiệp và tồn tại lâu dài, thì mới cần thêm hai thứ: hosting (nơi chứa web, hình dung như mảnh đất để xây nhà) và domain (địa chỉ web, như số nhà). Đó là bước nâng cao, để dành khi nào thật sự cần. Lúc mới học thì nút Publish là đủ.

Ví dụ thực chiến

Tình huống: Anh đang cần lên kế hoạch nội dung cho tuần tới. 5 ngày, mỗi ngày 1 phần đăng Facebook cho trang bán hàng.

Thay vì nhờ Claude viết danh sách rồi copy ra Google Sheet, anh nhờ luôn trong Artifact. Sửa được ngay tại chỗ.

Prompt mẫu lần 1 (tạo Artifact):

Tạo bảng kế hoạch nội dung 5 ngày cho trang Facebook bán phụ kiện máy tính.
Mỗi ngày có 4 cột: Ngày, Chủ đề bài đăng, Loại nội dung (chia sẻ kiến thức / giới thiệu sản phẩm / hỏi đáp), Ghi chú.
Xuất ra dạng bảng trong Artifact.

Claude tạo bảng, hiện trong cửa sổ Artifact bên phải.

Prompt sửa lần 2 (thêm cột):

Thêm cột "Giờ đăng phù hợp" vào sau cột Ghi chú.
Điền gợi ý giờ đăng hợp lý cho từng loại nội dung.

Artifact cập nhật ngay, không cần viết lại bảng từ đầu.

Prompt sửa lần 3 (đổi nội dung):

Ngày 3 đổi chủ đề thành "Hướng dẫn chọn bàn phím cơ cho người mới".
Loại nội dung là chia sẻ kiến thức.

Chỉ dòng đó thay đổi. Phần còn lại giữ nguyên.

Xong anh bấm nút chia sẻ, gửi link cho đồng nghiệp review. Họ mở được ngay trên trình duyệt mà không cần đăng nhập Claude.

Thử ngay

Mở claude.ai, gõ prompt này:

Tạo bảng kế hoạch công việc tuần này cho mình.
Có các cột: Ngày, Việc cần làm, Mức độ ưu tiên (Cao / Trung / Thấp), Trạng thái.
Điền 2-3 việc mẫu cho mỗi ngày từ thứ 2 đến thứ 6.
Xuất ra bảng trong Artifact.

Khi Artifact xuất hiện bên phải, thử gõ thêm:

Thêm cột "Deadline" vào giữa cột Ngày và Việc cần làm.

Quan sát Artifact cập nhật mà không cần viết lại từ đầu. Đó là điểm mình muốn anh em cảm nhận trực tiếp.

Tóm tắt

• Artifact là cửa sổ riêng bên phải, chứa sản phẩm Claude tạo ra, tách biệt khỏi khung chat.
• Xuất hiện tự động khi nội dung đủ dài hoặc có tính độc lập (tài liệu, bảng, code, trang web đơn giản).
• Sửa được qua lại ngay trong cùng phiên làm việc, không cần làm lại từ đầu.
• Chia sẻ bằng một link, người nhận mở trực tiếp trên trình duyệt, không cần tài khoản Claude.
• Phải bấm nút Publish mới ra link chia sẻ được. Copy link trên thanh địa chỉ thì người khác không mở được.
• Link Publish đủ dùng cho hầu hết nhu cầu. Chỉ khi muốn địa chỉ riêng kiểu tencuaban.com mới cần thêm hosting và domain.
• Dùng được trên tất cả các gói, kể cả tài khoản miễn phí.