Hướng dẫn giao diện Claude

Hướng dẫn chi tiết cách sử dụng giao diện Claude AI từ cơ bản đến nâng cao. Tìm hiểu Artifacts, Projects và các tính năng tối ưu quy trình làm việc.

Giới thiệu

Claude sử dụng thiết kế giao diện ba cột độc đáo, khác biệt hoàn toàn với các AI chatbot truyền thống. Thay vì cuộc trò chuyện tuyến tính đơn thuần, Claude chia không gian làm việc thành thanh bên quản lý dự án, khu vực trò chuyện trung tâm, và bảng Artifacts hiển thị nội dung đa dạng bên phải — tối ưu cho việc sáng tạo nội dung phức tạp và lập trình.

Giải thích chi tiết

Thanh bên trái — Trung tâm điều hành

Thanh bên chứa toàn bộ cấu trúc tổ chức của bạn. Tại đây, bạn tìm thấy:

Projects: Các dự án đã tạo với ngữ cảnh riêng biệt. Nhấn vào tên dự án để mở không gian làm việc riêng với tệp đính kèm và mẫu Prompt tích hợp sẵn.
Lịch sử trò chuyện: Các đoạn hội thoại được nhóm theo thời gian (Hôm nay, 7 ngày qua, 30 ngày qua). Nhấn chuột phải vào cuộc trò chuyện để đổi tên, xóa, hoặc thêm vào dự án.
Đã đánh dấu sao: Đánh dấu sao các cuộc trò chuyện quan trọng để truy cập nhanh mà không cần tìm kiếm.
Cài đặt: Quản lý ảnh đại diện, giao diện (Sáng/Tối/Hệ thống), ngôn ngữ, và gói đăng ký.

Nút "Bắt đầu cuộc trò chuyện mới" luôn nằm ở góc trên cùng, cho phép khởi tạo hội thoại mới từ bất kỳ đâu trong thanh bên.

Khu vực trò chuyện trung tâm — Vùng tương tác chính

Đây là nơi diễn ra cuộc trò chuyện giữa bạn và Claude:

Chọn mô hình: Danh sách thả xuống để chuyển đổi giữa các mô hình (Claude 3.5 Sonnet, Claude 3 Opus, Claude 3 Haiku). Sonnet là lựa chọn mặc định cho cân bằng giữa tốc độ và chất lượng.
Ô nhập liệu: Vùng nhập văn bản ở dưới cùng với biểu tượng kẹp giấy để đính kèm tệp. Hỗ trợ kéo thả tệp trực tiếp vào ô nhập.
Quá trình suy nghĩ: Khi Claude phân tích phức tạp, bạn sẽ thấy chỉ báo "Đang suy nghĩ..." với thanh tiến trình ngầm — khác với các công cụ hiển thị token chạy liên tục gây mất tập trung.

Bảng Artifacts bên phải — Bệ phóng sáng tạo

Đây là điểm khác biệt lớn nhất của Claude. Khi bạn yêu cầu tạo nội dung có cấu trúc (code, HTML, SVG, tài liệu), Claude tự động mở bảng bên phải hiển thị kết quả:

Chế độ xem: Code (có làm nổi cú pháp), Bản xem trước (hiển thị trực tiếp), hoặc Chia đôi (vừa code vừa xem).
Thao tác nhanh: Sao chép vào bộ nhớ tạm, Tải xuống (với tệp lớn), hoặc "Nhờ Claude sửa" ngay trong bảng mà không làm rối cuộc trò chuyện chính.
Quản lý phiên bản: Artifacts tự động lưu lịch sử thay đổi — bạn có thể xem lại các lần sửa đổi trước đó bằng cách chọn phiên bản từ danh sách thả xuống ở góc trên bảng.

Ví dụ thực tế

Lập trình với Artifacts

Bạn nhờ Claude viết một component React cho biểu mẫu đăng nhập:

Nhập Prompt: "Tạo component React TypeScript cho form đăng nhập có validation, dùng Tailwind CSS"
Claude trả lời ngắn gọn trong khung trò chuyện, đồng thời mở Artifacts bên phải hiển thị code đầy đủ.
Bạn chọn tab "Bản xem trước" để xem giao diện render trực tiếp — form hiện lên với thiết kế đẹp mắt.
Phát hiện thiếu sót: "Thêm biểu tượng con mắt để bật tắt hiện mật khẩu". Claude sửa ngay trong Artifacts, tạo phiên bản mới trong lịch sử, giữ nguyên cuộc trò chuyện chính gọn gàng.

Nghiên cứu học thuật với Projects

Bạn đang viết luận văn về Machine Learning:

Tạo Project "Luận văn ML 2025" từ thanh bên.
Tải lên 10 tệp PDF tài liệu tham khảo vào dự án.
Mỗi lần trò chuyện trong project này, Claude tự động có ngữ cảnh từ 10 tệp đó — bạn không cần tải lên lại hay nhắc lại nội dung tài liệu.
Các chủ đề chat khác (công việc, cá nhân) hoàn toàn tách biệt, tránh gây nhiễu thông tin.

So sánh thiết kế song song

Yêu cầu: "Tạo 2 logo SVG cho startup cà phê, phong cách tối giản so với cổ điển".

Claude tạo ra hai Artifacts riêng biệt. Bạn mở cả hai trong bảng bên phải, so sánh song song bằng cách chuyển đổi tab, thay vì cuộn lên cuộn xuống trong cùng một chuỗi dài ngoằn như các công cụ khác.

Ứng dụng theo đối tượng

Lập trình viên

Tận dụng Artifacts để xem trước UI component, SVG, hoặc trang HTML. Chế độ chia đôi giúp vừa xem code vừa xem kết quả — tiết kiệm thời gian chuyển đổi tab liên tục. Dùng Projects để tách biệt ngữ cảnh giữa các repository khác nhau (frontend vs backend vs mobile).

Người viết nội dung

Projects giúp duy trì "giọng văn" nhất quán cho cả series bài blog hoặc sách điện tử. Tải lên tệp brief hoặc tài liệu tham khảo vào project, Claude sẽ nhớ style guide trong suốt quá trình viết. Artifacts dùng để tạo bảng biểu, timeline, hoặc infographic dạng SVG để chèn vào bài viết.

Nghiên cứu sinh, học giả

Tổ chức tài liệu theo đề tài bằng Projects. Mỗi project chứa hàng chục bài báo khoa học, Claude trích dẫn chéo giữa các nguồn mà không bị nhầm lẫn. Lịch sử trò chuyện dài trong project giúp theo dõi quá trình tư duy nghiên cứu qua nhiều tuần liền.

Quản lý dự án, doanh nghiệp

Dùng Projects cho từng chiến dịch marketing hoặc sản phẩm cụ thể. Tách biệt ngữ cảnh giữa các dự án để tránh "nhiễm chéo" (Claude không đem thông tin dự án A sang trả lời câu hỏi dự án B). Artifacts hỗ trợ tạo mẫu wireframe hoặc bảng phân tích đối thủ nhanh chóng.

So sánh với ChatGPT

Tính năng	Claude	ChatGPT
Bố cục	Ba cột (Thanh bên - Chat - Artifacts)	Hai cột (Thanh bên - Chat) hoặc một cột trên mobile
Hiển thị code	Bảng riêng Artifacts, có bản xem trước trực tiếp	Khối code trong chat, phải sao chép ra để chạy
Quản lý ngữ cảnh	Projects (tập trung tệp + lịch sử trò chuyện)	GPTs (tùy biến hành vi) + Threads thông thường
Tổ chức chat	Chat thuộc về Project, có thể di chuyển giữa các dự án	Chat độc lập, dùng thư mục/lưu trữ (tính năng mới)
Tệp đính kèm	Tích hợp sâu vào Projects, nhớ ngữ cảnh lâu dài	Tải lên tạm thời theo cuộc trò chuyện, GPTs có Knowledge

Kết luận: Nếu bạn cần không gian làm việc trực quan cho sáng tạo nội dung đa dạng (code, thiết kế, văn bản dài), Claude phù hợp hơn với bảng Artifacts và Projects. ChatGPT phù hợp hơn cho trải nghiệm trò chuyện đơn giản và hệ sinh thái GPTs đa dạng.