Page Mascot: thêm nhân vật nhìn theo con trỏ chuột cho website
Tóm tắt
Page Mascot là thư viện mã nguồn mở thêm một nhân vật nhỏ vào trang web: nó nhìn theo con trỏ chuột và phản ứng khi người dùng click. Có sẵn hàng chục mẫu, và có thể nhờ AI coding agent tạo mascot riêng theo mô tả.
Điểm đáng chú ý
| Tính năng | Lợi ích |
|---|---|
| Theo dõi con trỏ | Mắt nhân vật dõi theo vị trí chuột, tạo cảm giác trang “có sự sống”. |
| Phản ứng khi click | Giật mình, cười… — một dạng micro-interaction tạo thiện cảm. |
| Mẫu có sẵn + tự tạo bằng AI | Theo video có khoảng 52 mẫu; có thể giao cho AI agent vẽ mascot độc bản. |
| Cắm là chạy | Tích hợp vào dự án frontend có sẵn mà không ảnh hưởng nhiều đến hiệu năng. |
Áp dụng thế nào?
- Dùng đúng chỗ: trang landing, trang 404, màn hình chờ, onboarding — nơi cần cá tính. Tránh đặt ở form thanh toán hay trang nghiệp vụ nghiêm túc.
- Thương hiệu: một mascot riêng có thể trở thành nhận diện của sản phẩm (như vai trò của Clippy hay mascot GitHub).
- Accessibility: tắt chuyển động khi người dùng bật
prefers-reduced-motion, và gắnaria-hiddenvì đây là phần trang trí.
Liên kết: page-mascot trên GitHub · Bài giới thiệu