Cách dùng Artifacts của Claude tạo trang web và bảng biểu nhỏ

Artifacts là tính năng của Claude (trợ lý AI của Anthropic) cho phép tạo ra sản phẩm hoàn chỉnh ngay bên cạnh khung trò chuyện: một trang web nhỏ, bảng tính tiền, máy tính lãi suất, sơ đồ, tài liệu. Thay vì chỉ nhận một đoạn mã dài, bạn thấy kết quả chạy được và có thể chỉnh sửa bằng cách nhắn tiếp.

Bài này hướng dẫn cách yêu cầu để ra kết quả tốt, cách chỉnh sửa và chia sẻ, cùng những điều cần cẩn trọng. Tên menu và khả năng có thể thay đổi theo phiên bản và gói dịch vụ, bạn nên xem thông tin hiện hành trong ứng dụng.

Artifacts làm được những gì

Với nhu cầu của người dùng bình thường và chủ cửa hàng nhỏ, bạn có thể thử:

• Trang giới thiệu đơn giản: một trang một cột giới thiệu dịch vụ, giờ mở cửa, bảng giá tham khảo.
• Bảng tính nhanh: máy tính tiền lãi trả góp, tính chi phí vận chuyển, tính lợi nhuận theo giá vốn.
• Biểu mẫu nhỏ: phiếu nhận máy sửa chữa để in, bảng chấm công mẫu.
• Sơ đồ, biểu đồ: sơ đồ quy trình, biểu đồ doanh thu đơn giản từ số bạn nhập.
• Tài liệu: mẫu thông báo, bản hướng dẫn dạng trang.

Chúng phù hợp để làm mẫu, công cụ nội bộ nhỏ hoặc minh họa ý tưởng. Với website bán hàng hay phần mềm chạy lâu dài, bạn vẫn nên dùng giải pháp chuyên nghiệp, xem phần cuối bài.

Bước 1: bắt đầu một cuộc trò chuyện

1. Đăng nhập Claude trên trình duyệt hoặc ứng dụng.
2. Kiểm tra xem tính năng Artifacts đã bật chưa. Nếu có mục cài đặt liên quan trong phần Settings (Cài đặt), hãy bật lên. Tùy phiên bản, tính năng này có thể bật sẵn.
3. Mô tả thứ bạn cần trong khung chat.

Khi Claude nhận ra yêu cầu phù hợp, nó tự mở một khung riêng ở bên cạnh để hiển thị sản phẩm.

Bước 2: viết yêu cầu rõ ràng

Càng cụ thể, kết quả càng sát ý. Hãy nêu mục đích, người dùng, nội dung và phong cách.

Ví dụ yêu cầu tốt: "Tạo giúp tôi một trang web một cột bằng tiếng Việt, giới thiệu dịch vụ vệ sinh laptop của cửa hàng. Có phần tiêu đề, ba lợi ích, các bước thực hiện và nút gọi điện. Giao diện sáng, chữ lớn, đọc tốt trên điện thoại. Dùng nội dung giả định để tôi chỉnh lại sau."

Ví dụ khác: "Tạo máy tính tiền trả góp. Người dùng nhập giá sản phẩm, số tiền trả trước, số tháng và lãi suất mỗi năm, hiển thị số tiền phải trả mỗi tháng và tổng tiền lãi."

Cách viết lệnh tốt được trình bày ở bài viết câu lệnh prompt để AI trả lời đúng ý.

Bước 3: xem, thử và chỉnh sửa

1. Xem kết quả trong khung bên cạnh. Thử nhập số, bấm nút để kiểm tra hoạt động.
2. Nếu muốn đổi, hãy nhắn yêu cầu tiếp, ví dụ "đổi màu chủ đạo sang xanh dương", "thêm cột ghi chú", "làm chữ to hơn".
3. Thường bạn có thể chuyển giữa chế độ xem kết quả và chế độ xem mã nguồn để hiểu cách nó được tạo.
4. Khi ưng ý, dùng các nút sao chép, tải về hoặc chia sẻ mà giao diện cung cấp.

Trong vòng vài lượt chỉnh, bạn thường đã có bản dùng được. Nếu kết quả đi sai hướng, hãy nhắn rõ điều chưa đúng thay vì yêu cầu mơ hồ.

Kiểm tra trước khi tin và dùng

AI có thể sai, kể cả khi sản phẩm trông rất chuyên nghiệp.

• Kiểm tra công thức: nhập vài bộ số bạn đã biết kết quả để chắc phép tính đúng, nhất là với tiền bạc, lãi suất.
• Kiểm tra nội dung: giá, địa chỉ, giờ mở cửa, cam kết bảo hành là do bạn điền, đừng để nội dung giả định lọt ra ngoài.
• Kiểm tra trên điện thoại: xem hiển thị có ổn không.
• Đừng dùng dữ liệu nhạy cảm: không dán thông tin khách hàng, CCCD, mật khẩu hay số liệu mật vào cuộc trò chuyện.

Xem thêm bài những thông tin không nên đưa vào ChatGPT và AI. Nếu bạn chia sẻ sản phẩm bằng đường dẫn, hãy xem kỹ ai có thể mở được trước khi gửi.

Khi nào Artifacts là đủ, khi nào cần giải pháp khác

Artifacts phù hợp khi bạn cần một công cụ nhỏ, bản nháp nhanh hoặc ý tưởng minh họa để trao đổi. Nó chưa phải lựa chọn tốt khi bạn cần:

• Website bán hàng có giỏ hàng, thanh toán, quản lý đơn.
• Dữ liệu khách hàng được lưu an toàn lâu dài, có phân quyền người dùng.
• Tối ưu hiển thị trên Google, tên miền riêng, hỗ trợ lâu dài.
• Phần mềm nghiệp vụ phức tạp như kho, kế toán, bán hàng nhiều chi nhánh.

Với những nhu cầu đó, bạn có thể xem bài website bán hàng cho cửa hàng cần những gì, hoặc tham khảo dịch vụ thiết kế website và phần mềm theo yêu cầu.

Cách tận dụng Artifacts để làm việc nhanh hơn

Một cách dùng khôn ngoan là để Claude tạo bản nháp để bạn hình dung, rồi dùng nó làm bản mô tả yêu cầu cho người thiết kế hoặc lập trình. Nhờ có mẫu nhìn thấy được, trao đổi sẽ nhanh và ít hiểu nhầm hơn.

Nếu bạn đang cân nhắc công cụ AI nào hợp với mình, hãy đọc ChatGPT, Gemini hay Copilot: chọn AI nào cho công việc.

Cần hỗ trợ thêm?

Nếu bạn cần website, công cụ nội bộ hay phần mềm bán hàng làm riêng cho cửa hàng, có thể xem trang thiết kế website hoặc gọi hotline/Zalo 0943.847.333 để trao đổi nhu cầu. Máy tính hoạt động chậm khi dùng AI, hãy mang tới cửa hàng để được kiểm tra miễn phí.