Claude Artifacts 101: Các loại, Trường hợp sử dụng, Chia sẻ và Remix

Cách truy cập Claude Artifacts?

Truy cập Claude Artifacts cần kích hoạt thủ công—cách thực hiện như sau:

1. Nhấp vào chữ cái viết tắt tên bạn ở góc dưới bên trái giao diện Claude.

2. Chọn Feature Preview từ menu thả xuống.

3. Bật tùy chọn Artifacts trong phần cài đặt Feature Preview.

Quyền truy cập cơ bản vào Artifacts là miễn phí, nhưng trải nghiệm có thể khác nhau tùy theo gói đăng ký. Người đăng ký gói Claude Pro và Team thường có hạn mức cao hơn và nhiều tính năng nâng cao, giúp trải nghiệm Artifacts tổng thể tốt hơn.

Các loại Artifacts

Claude Artifacts có thể tạo nhiều loại nội dung, hữu ích cho nhiều tác vụ và dự án. Dưới đây là vài ví dụ về nội dung bạn có thể tạo với Artifacts:

Tài liệu tương tác

Claude có thể tạo tệp Markdown, tài liệu văn bản thuần và các báo cáo có cấu trúc, cung cấp cho người dùng công cụ hữu ích để tạo nội dung viết.

Trực quan hóa dữ liệu và quy trình

Artifacts có thể tạo biểu đồ tương tác bằng các thư viện như Plotly.js, bảng điều khiển và đồ họa thông tin, giúp nâng cao phân tích và trình bày dữ liệu.

Đồ họa SVG

Bạn có thể yêu cầu Claude tạo một logo SVG cho một startup công nghệ. Sau đó có thể đề nghị chỉnh sửa như đổi màu hoặc thêm phần tử mới, tất cả ngay trong cửa sổ Artifact.

Website

Artifacts có thể tạo HTML một trang, cấu trúc website nhiều trang và các thành phần web tương tác, giúp phát triển web hiệu quả hơn.

Sơ đồ tuần tự

Artifacts hỗ trợ sơ đồ luồng, sơ đồ tuần tự, biểu đồ Gantt và sơ đồ thực thể–quan hệ (ERD), giúp việc lập tài liệu trực quan phức tạp trở nên dễ dàng hơn.

Mã giả và thuật toán

Artifacts có thể tạo sơ đồ luồng thuật toán và các cách tiếp cận giải quyết vấn đề theo từng bước, hỗ trợ thiết kế và lập tài liệu thuật toán.

Cấu trúc mã phức tạp

Bạn có thể yêu cầu Claude tạo một lớp Python để quản lý hệ thống thư viện. Nó sẽ tạo cấu trúc lớp hoàn chỉnh với các phương thức để thêm sách, cho mượn và quản lý tài khoản người dùng.

class Library:
    def __init__(self):
        self.books = {}
        self.users = {}
        self.checked_out = {}
    def add_book(self, book_id, title, author):
        if book_id not in self.books:
            self.books[book_id] = {"title": title, "author": author, "available": True}
            return True
        return False
    def remove_book(self, book_id):
        if book_id in self.books:
            del self.books[book_id]
            return True
        return False
    def add_user(self, user_id, name):
        if user_id not in self.users:
            self.users[user_id] = {"name": name, "books_checked_out": []}
            return True
        return False
    def remove_user(self, user_id):
        if user_id in self.users:
            del self.users[user_id]
            return True
        return False
…(truncated)Được hỗ trợ bởi

Thành phần web tương tác

Yêu cầu một thành phần React cho thanh tìm kiếm động với tính năng tự động gợi ý. Claude sẽ tạo đầy đủ mã React, sẵn sàng tích hợp vào ứng dụng web của bạn.

import React, { useState, useEffect, useRef } from 'react';
import { Search } from 'lucide-react';
// Mock data for demonstration purposes
const mockData = [
  'Apple', 'Banana', 'Cherry', 'Date', 'Elderberry',
  'Fig', 'Grape', 'Honeydew', 'Kiwi', 'Lemon',
  'Mango', 'Nectarine', 'Orange', 'Papaya', 'Quince'
];
const AutocompleteSearchBar = () => {
  const [searchTerm, setSearchTerm] = useState('');
  const [suggestions, setSuggestions] = useState([]);
  const [isOpen, setIsOpen] = useState(false);
  const wrapperRef = useRef(null);
  useEffect(() => {
    const handleClickOutside = (event) => {
      if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
        setIsOpen(false);
      }
    };
    document.addEventListener('mousedown', handleClickOutside);
    return () => {
      document.removeEventListener('mousedown', handleClickOutside);
    };
  }, []);
…(truncated)Được hỗ trợ bởi

Những điều Claude Artifacts không thể làm

Dù Artifacts rất linh hoạt, vẫn có một số giới hạn:

• Không thể tạo nội dung âm thanh hoặc video: Chúng chỉ giới hạn ở nội dung trực quan và dựa trên văn bản.

• Không thể thực thi mã hoặc chạy mô phỏng: Mã do Claude tạo cần được thực thi bên ngoài. Ví dụ, Claude tạo một trò chơi rắn đơn giản nhưng không thể chạy nó trong Artifacts.

• Không có quyền truy cập dữ liệu thời gian thực hoặc API bên ngoài: Artifacts dựa trên ngữ cảnh hội thoại với Claude và không có quyền truy cập dữ liệu bên ngoài.

• Không thể tải tệp trực tiếp để chỉnh sửa: Người dùng không thể tải tệp trực tiếp vào cửa sổ Artifacts để chỉnh sửa và thay đổi.

Chia sẻ và Remix Claude Artifacts

Một trong những điểm nổi bật của Artifacts là khả năng hỗ trợ chia sẻ và cộng tác. Dù bạn đang làm việc nhóm hay cần phản hồi, Artifacts cung cấp cách dễ dàng để mời người khác tham gia công việc của bạn. Hãy xem cách tận dụng tối đa các khả năng này.

Xuất bản Artifacts của bạn

Xuất bản một Artifact cho phép bạn dễ dàng chia sẻ công việc với người khác. Cách làm như sau:

1. Tạo một Artifact: Tạo nội dung bạn muốn chia sẻ trong giao diện Claude.

2. Xuất bản Artifact: Nhấp nút "Publish" trong cửa sổ Artifact. Việc này sẽ tạo một liên kết duy nhất để bạn chia sẻ với người khác. Ví dụ, đây là một Artifact tôi đã tạo và xuất bản: https://claude.site/artifacts/1229a009-df4e-406e-9a5e-eed22f353844

3. Quản lý quyền truy cập: Tùy theo gói đăng ký, bạn có thể kiểm soát ai có quyền truy cập Artifact của mình. Người đăng ký Claude Pro và Team có thể chia sẻ và khám phá các cuộc trò chuyện với thành viên trong nhóm.

Remix Artifacts

Remix cho phép bạn lấy một Artifact hiện có và chỉnh sửa để phù hợp nhu cầu. Cách remix một Artifact như sau:

1. Truy cập Artifact được chia sẻ: Sử dụng liên kết do người tạo ban đầu cung cấp để truy cập Artifact.

Remix nội dung: Nhấp nút Remix Artifact để tạo một bản sao Artifact có thể chỉnh sửa. Thực hiện các thay đổi và cải tiến theo nhu cầu.

Lưu và Xuất bản: Sau khi hoàn tất chỉnh sửa, bạn có thể lưu Artifact đã remix và chia sẻ với người khác, tiếp tục quá trình cộng tác.

Quyền truy cập API cho Artifacts

Hiện tại, Anthropic chưa công bố thông tin chính thức về việc truy cập tính năng Artifacts qua API. Hiện giờ, Artifacts chủ yếu được truy cập qua giao diện web của Claude. Tuy nhiên, khả năng mở API có thể được cân nhắc trong các bản cập nhật tương lai.

Kết luận

Claude Artifacts đánh dấu một bước tiến đáng kể trong việc thu hẹp khoảng cách giữa AI đối thoại và công việc dự án thực tiễn.

Khi tính năng này phát triển, chúng tôi kỳ vọng sẽ có thêm các ứng dụng đổi mới mở rộng khả năng hỗ trợ của AI.

Dù hiện tại Artifacts có những hạn chế như không xử lý nội dung âm thanh hoặc video và không thể thực thi mã trực tiếp, chúng tôi kỳ vọng một số ràng buộc này sẽ được giải quyết trong các bản cập nhật tương lai.

Nếu bạn muốn đọc thêm về những cập nhật mới nhất trong AI, tôi gợi ý các bài blog sau:

• LLM không cần MatMul: Giải thích các khái niệm chính
• Mô hình ngôn ngữ lai SAMBA: Giải thích các khái niệm chính
• Buffer of Thoughts (BoT) là gì và cách hoạt động?