Creating with artifacts

Artifacts là gì?

Artifacts là những kết quả đầu ra độc lập, có tính tương tác mà Claude tạo ra trong một cửa sổ riêng biệt bên cạnh cuộc hội thoại của bạn. Thay vì nhận được một khối mã nguồn hoặc văn bản dài bị chôn vùi trong khung chat, bạn sẽ thấy nội dung của mình được hiển thị trực quan và sẵn sàng để sử dụng—cho dù đó là một trang web đang hoạt động, một biểu đồ tương tác hay một tài liệu mà bạn có thể tải xuống ngay lập tức.

Claude sẽ tự động tạo một artifact khi nội dung đáp ứng các tiêu chí nhất định:

  • Nội dung mang tính quan trọng và độc lập, thường là trên 15 dòng.
  • Đó là thứ bạn có khả năng muốn chỉnh sửa, thực hiện lặp lại hoặc tái sử dụng.
  • Nó đại diện cho nội dung phức tạp có thể đứng vững một mình mà không cần đến bối cảnh hội thoại xung quanh.
  • Đó là nội dung bạn sẽ muốn tham khảo hoặc sử dụng sau này.

Các loại Artifact phổ biến

Claude có thể tạo ra nhiều loại artifact khác nhau, phù hợp với từng nhu cầu cụ thể:

  • Tài liệu (bao gồm markdown, văn bản thuần túy, Word, PDF, PowerPoint và Excel): Phù hợp cho bất kỳ nội dung nào có nhiều văn bản mà bạn muốn xuất ra hoặc tiếp tục chỉnh sửa—như biên bản cuộc họp, báo cáo, kế hoạch dự án, bài đăng blog và các nội dung viết khác.
  • Đoạn mã (Code snippets): Mã nguồn hoạt động được trong bất kỳ ngôn ngữ lập trình nào—Python, JavaScript, C++, và hơn thế nữa. Bạn có thể xem mã, sao chép hoặc tải xuống để sử dụng trong các dự án của riêng mình.
  • Trang HTML: Các trang web hoàn chỉnh với HTML, CSS và JavaScript trong một tệp duy nhất. Hoàn hảo cho các trang đích (landing pages), biểu mẫu, bản demo tương tác hoặc các bản mẫu thử nghiệm nhanh.
  • Hình ảnh SVG: Đồ họa vectơ có thể mở rộng cho logo, biểu tượng, hình minh họa và các yếu tố hình ảnh khác. Những hình ảnh này được hiển thị trực tiếp trong cửa sổ artifact để bạn có thể thấy chính xác kết quả mình nhận được.
  • Sơ đồ Mermaid: Sơ đồ luồng, sơ đồ trình tự, biểu đồ Gantt, sơ đồ tổ chức và nhiều loại khác. Hãy mô tả các mối quan hệ bạn muốn trực quan hóa, và Claude sẽ tạo ra một sơ đồ mà bạn có thể tinh chỉnh.
  • Thành phần React (React components): Các yếu tố giao diện người dùng tương tác với chức năng thực tế—như máy tính, bảng điều khiển (dashboards), trò chơi, hoặc trực quan hóa dữ liệu. Đây không chỉ là các bản mô phỏng; chúng bao gồm logic thực tế và phản hồi lại thao tác của người dùng.

Cách tạo Artifact đầu tiên của bạn

Việc tạo một artifact đơn giản như việc thực hiện một cuộc hội thoại thông thường. Bạn chỉ cần mô tả những gì mình muốn, và Claude sẽ quyết định xem có nên trình bày nội dung đó dưới dạng artifact hay không. Ví dụ, bạn có thể nói:

  • “Tạo một sơ đồ luồng hiển thị quy trình tiếp nhận khách hàng của chúng tôi” (Lưu ý: Claude hiện có thể tạo sơ đồ trực quan như sơ đồ luồng dưới dạng HTML bằng tính năng Imagine, bên cạnh các artifact dựa trên mã nguồn).
  • “Xây dựng một bảng điều khiển tương tác cho phép tôi nhập chi phí hàng tháng và xem bảng phân tích”.
  • “Thiết kế một trang đích cho ứng dụng năng suất với phần tiêu đề chính (hero section) và danh sách tính năng”.
  • “Viết một mẫu tóm tắt dự án mà tôi có thể tái sử dụng cho các sáng kiến mới”.

Nếu Claude không tự động tạo artifact khi bạn mong muốn, bạn có thể yêu cầu rõ ràng: “Tạo nội dung này dưới dạng artifact” hoặc “Hiển thị cho tôi nội dung này trong một artifact”.

Khi Claude tạo ra một artifact, nó sẽ xuất hiện trong một cửa sổ riêng biệt ở bên phải cuộc hội thoại. Tại đây, bạn có thể:

  • Xem các định dạng khác nhau: Chuyển đổi giữa chế độ xem trước (cách nó hiển thị) và mã nguồn bên dưới.
  • Sao chép nội dung: Nhấp vào biểu tượng sao chép để lấy nội dung sử dụng ở nơi khác.
  • Tải xuống tệp: Lưu artifact dưới dạng tệp vào máy tính của bạn.
  • Xem mã: Xem chính xác những gì Claude đã tạo ra “dưới nắp máy”.

Chia sẻ và xuất bản Artifact

Sau khi tạo ra thứ gì đó hữu ích, bạn có một số tùy chọn để chia sẻ nó:

  • Sao chép hoặc tải xuống: Để sử dụng cá nhân hoặc chia sẻ qua các kênh khác, hãy sử dụng các nút sao chép hoặc tải xuống ở góc dưới bên phải của cửa sổ artifact.
  • Chia sẻ trong tổ chức của bạn (Claude for Work): Người dùng gói Team và Enterprise có thể chia sẻ artifact nội bộ với đồng nghiệp. Artifact được chia sẻ sẽ nằm trong phạm vi tổ chức của bạn và yêu cầu xác thực nhóm để truy cập.
  • Xuất bản công khai: Đối với người dùng gói Free, Pro và Max, bạn có thể xuất bản artifact để bất kỳ ai có liên kết đều có thể truy cập được.

Khi bạn xuất bản:

  • Chỉ phiên bản được chọn mới trở thành công khai (cuộc trò chuyện của bạn vẫn được giữ riêng tư).
  • Bất kỳ ai cũng có thể xem và tương tác với artifact mà không cần tài khoản Claude.
  • Những người khác có thể “remix” artifact của bạn—mở nó trong cuộc hội thoại Claude của riêng họ để sửa đổi và phát triển thêm.

Để xuất bản, hãy nhấp vào nút “Share” hoặc “Publish” ở góc trên bên phải của artifact. Bạn có thể hủy xuất bản bất kỳ lúc nào bằng cách quay lại artifact đó và gỡ bỏ quyền truy cập công khai. Lưu ý: Khi bạn xuất bản, bất kỳ ai có liên kết đều có thể xem được, nhưng các công cụ tìm kiếm như Google sẽ không lập chỉ mục các artifact này, vì vậy chúng sẽ không xuất hiện trong kết quả tìm kiếm.

Mẹo để tận dụng tối đa Artifact

  • Hãy cụ thể về những gì bạn muốn: Thay vì nói “Hãy xây dựng một trình theo dõi ngân sách”, bạn nên nói “Hãy xây dựng một trình theo dõi ngân sách hàng tháng, nơi tôi có thể nhập chi phí theo danh mục, xem biểu đồ hình tròn phân tích và nhận cảnh báo khi vượt quá ngân sách”.
  • Mô tả người dùng cuối: Việc cho Claude biết ai sẽ sử dụng artifact giúp nó đưa ra các lựa chọn thiết kế phù hợp. Ví dụ: “Sơ đồ luồng này dành cho nhân viên mới” sẽ dẫn đến kết quả khác với “Sơ đồ luồng này dành cho đội ngũ kỹ thuật”.
  • Cải tiến dần dần (Iterate incrementally): Yêu cầu Claude thêm từng tính năng hoặc thực hiện từng thay đổi một. Điều này giúp dễ dàng xác định những gì đang hoạt động tốt và phát hiện sớm các vấn đề.
  • Yêu cầu Artifact khi cần thiết: Nếu bạn yêu cầu một nội dung đáng kể mà Claude lại phản hồi trong khung chat thay vì tạo artifact, bạn chỉ cần nói: “Vui lòng tạo nội dung đó dưới dạng artifact”.

Suy ngẫm về bài học

Trước khi tiếp tục, hãy cân nhắc:

  • Công việc lặp đi lặp lại nào của bạn có thể hưởng lợi từ một artifact tương tác có khả năng tái sử dụng?
  • Có quy trình nào trong công việc của bạn sẽ trở nên rõ ràng hơn nếu được trình bày dưới dạng sơ đồ luồng hoặc biểu đồ không?
  • Bản mẫu thử nghiệm hoặc công cụ nào sẽ giúp bạn kiểm tra một ý tưởng một cách nhanh chóng?

Bước tiếp theo

Trong bài học tới, bạn sẽ tìm hiểu về Skills (Kỹ năng) — các bộ hướng dẫn có thể tái sử dụng để dạy cho Claude các quy trình làm việc chuyên biệt.

Resumed conversation: 864f8f33-91b4-4025-8aef-11b5e69d5991

Câu hỏi ôn tập

  • What recurring work could benefit from having an interactive artifact you can reuse?
  • Are there processes in your work that would be clearer as a flowchart or diagram?
  • What prototype or tool would help you test an idea quickly?

Tóm tắt

Tài liệu này cung cấp một hướng dẫn toàn diện về Artifacts, một tính năng giúp tạo ra các nội dung độc lập và có tính tương tác cao ngay bên cạnh cửa sổ trò chuyện của Claude. Thay vì trả về các đoạn văn bản dài, hệ thống sẽ tự động hiển thị các sản phẩm hoàn chỉnh như mã nguồn, trang web HTML hoặc sơ đồ trực quan khi nội dung đủ phức tạp và có tính ứng dụng lâu dài. Người dùng không chỉ có thể xem và chỉnh sửa trực tiếp các sản phẩm này mà còn có khả năng chia sẻ hoặc xuất bản công khai để cộng tác với đồng nghiệp và người dùng khác. Mục đích cốt lõi của văn bản là giúp người dùng tối ưu hóa quy trình làm việc bằng cách phát triển ý tưởng theo từng bước và chuyển đổi các cuộc đối thoại thuần túy thành những công cụ thực tế có thể tái sử dụng.

Từ khóa: Tạo Artifacts Claude · Chia sẻ nội dung · Loại tệp Artifact · Xuất bản công khai · Quy trình cộng tác

Câu hỏi kiểm tra

1. Artifacts trong Claude là gì?

2. Claude thường tự động tạo Artifact khi nội dung đáp ứng tiêu chí nào sau đây?

3. Loại Artifact nào cho phép tạo ra các sơ đồ luồng (flowcharts) hoặc biểu đồ Gantt?

4. Khi xuất bản (publish) một Artifact công khai, điều gì sẽ xảy ra với lịch sử chat của bạn?

5. Các Artifact được xuất bản công khai có xuất hiện trên kết quả tìm kiếm của Google không?

6. Tính năng 'remix' cho phép người xem một Artifact công khai làm gì?

7. Theo tài liệu, tại sao bạn nên mô tả người dùng cuối (end user) khi yêu cầu tạo Artifact?

8. Bản tin 'AI Fluency' của Anthropic được gửi đến hộp thư của người đăng ký với tần suất như thế nào?

9. Khóa học nào trong Anthropic Academy cung cấp cái nhìn sâu sắc về việc phát triển API và Model Context Protocol?

10. Mô hình nào sau đây của Anthropic được liệt kê ở trạng thái 'preview'?

Thẻ học

1 / 25
Anthropic Academy cung cấp những loại tài nguyên đào tạo chính nào?
Hướng dẫn phát triển API và các phương pháp triển khai tốt nhất cho doanh nghiệp.

Nhấn thẻ để lật · Dùng nút để điều hướng

Nhớ: 0 / 25

Sơ đồ tư duy

Hệ sinh thái Anthropic & Claude
  • Anthropic Academy
    • Khóa học nổi bật
      • Claude 101
      • Claude Code thực tế
      • AI Fluency
      • Model Context Protocol
    • Tài nguyên học tập
      • Hướng dẫn phát triển API
      • Thực hành triển khai doanh nghiệp
      • Bản tin AI Fluency
  • Artifacts (Sản phẩm phụ)
    • Đặc điểm
      • Nội dung độc lập
      • Tính tương tác cao
      • Cửa sổ chuyên dụng
    • Loại hình phổ biến
      • Tài liệu (Markdown, PDF, Excel)
      • Mã nguồn (Code snippets)
      • Trang HTML & React components
      • Sơ đồ Mermaid & Ảnh SVG
    • Quản lý & Chia sẻ
      • Tải xuống/Sao chép
      • Chia sẻ nội bộ (Claude for Work)
      • Xuất bản công khai
      • Remix (Chỉnh sửa lại)
  • Sản phẩm & Mô hình
    • Công cụ
      • Claude Code
      • Claude Cowork
      • Tiện ích Chrome/Slack/M365
    • Dòng mô hình
      • Opus (Mạnh nhất)
      • Sonnet (Cân bằng)
      • Haiku (Nhanh nhẹn)
      • Mythos preview
    • Gói dịch vụ
      • Free/Pro/Max
      • Team & Enterprise
  • Giải pháp & Lĩnh vực
    • Đại lý AI (AI Agents)
    • Hiện đại hóa mã nguồn
    • Giáo dục & Nghiên cứu
    • Tài chính & Y tế
    • Chính phủ & Phi lợi nhuận

Tài liệu liên quan


Link Nguồn