Persona
Persona là gì?
Persona là một thư viện UI chat AI mã nguồn mở, siêu nhẹ và không phụ thuộc vào framework (framework-free) do Runtype phát triển. Nó cho phép các nhà phát triển tích hợp một widget chat AI có thể tùy biến giao diện (themeable) hoặc trải nghiệm trợ lý ảo (copilot) toàn màn hình vào bất kỳ trang web hoặc tệp HTML tĩnh nào. Persona độc lập với backend (backend-agnostic) và tích hợp sẵn WebMCP (WebMCP-native), nghĩa là nó cho phép các trợ lý AI tự động phát hiện và thực thi một cách an toàn các công cụ được hiển thị trực tiếp bởi mã nguồn của trang cha (như tìm kiếm, giỏ hàng, đặt chỗ và biểu mẫu) với sự chấp thuận tích hợp sẵn của người dùng. Thư viện này hỗ trợ truyền dữ liệu dạng luồng SSE (SSE streaming), vòng lặp tác vụ (agent loops), cô lập kiểu dáng bằng Shadow DOM để ngăn rò rỉ CSS, đầu vào/đầu ra bằng giọng nói, và đi kèm một bộ chỉnh sửa giao diện cực kỳ toàn diện.
Làm cách nào để sử dụng Persona?
Để sử dụng Persona, hãy cài đặt nó qua npm bằng lệnh 'npm install @runtypelabs/persona' hoặc nhúng thẻ script toàn cục của nó thông qua CDN vào tệp HTML của bạn. Sau đó, khởi tạo nó bằng cách sử dụng hàm 'initAgentWidget', chỉ định bộ chọn vùng chứa đích (target container selector) và cấu hình URL API backend cho sự kiện do máy chủ gửi (SSE) tùy chỉnh của bạn. Ngoài ra, bạn có thể chạy lệnh 'npx @runtypelabs/cli@latest persona init' để tạo một đoạn mã cài đặt ăn liền (paste-ready).
Các tính năng cốt lõi của Persona
Không phụ thuộc framework và thuần Javascript (Vanilla JS)
Tiêu chuẩn WebMCP để tự động phát hiện và thực thi công cụ ở phía máy khách (client-side)
Bố cục linh hoạt bao gồm widget nổi (floating widget), bảng điều khiển cố định (docked panel) và trợ lý toàn màn hình
Cô lập kiểu dáng (styles) thông qua Shadow DOM và tiền tố CSS (prefixed CSS)
Các bộ chuyển đổi truyền luồng dữ liệu SSE (SSE streaming transport adapters) dạng cắm-là-chạy (pluggable)
Tích hợp sẵn khả năng đầu vào và đầu ra bằng giọng nói
Trình chỉnh sửa giao diện toàn diện dựa trên token (token-based theme editor)
Trường hợp sử dụng của Persona
Thêm widget chat hỗ trợ AI hoặc hướng dẫn người dùng mới (onboarding) vào trang HTML tĩnh hoặc ứng dụng web một trang (SPA) hiện có
Tạo một trợ lý ảo (copilot) ở bảng điều khiển bên cạnh có thể thay đổi kích thước, tương tác trực tiếp với trạng thái ứng dụng và thực thi các công cụ ở cấp độ trang
Triển khai một bảng điều khiển trợ lý AI toàn màn hình với các bảng markdown dạng truyền luồng (streaming) và các phân vùng tạo tác (artifact splits)
Câu hỏi thường gặp từ Persona
WebMCP là gì và Persona sử dụng nó như thế nào?
Việc tích hợp Persona có làm hỏng kiểu dáng (styles) hiện tại của trang web của tôi không?
Persona Bài đánh giá (0)
Phân tích của Persona
Persona Phân tích lưu lượng truy cập trang web
Persona Khởi chạy nhúng
Sử dụng huy hiệu trang web để thu hút sự ủng hộ từ cộng đồng cho buổi ra mắt Toolify của bạn. Chúng dễ dàng nhúng vào trang chủ hoặc chân trang của bạn.
Sự thay thế của Persona
Lắng nghe mạng xã hội