A
Anonymous

A I Conversation Simulator - Copy this React, Tailwind Component to your project

Mỗi Prompt được “nén” thành một Avatar Thay vì hiển thị danh sách dài Prompt 1, Prompt 2, …, ta dùng avatar để đại diện cho mỗi “Simulated User” (tương đương mỗi Prompt). Khi hover hoặc click vào avatar, một popover/tooltip sẽ hiện nội dung Prompt đầy đủ. Gợi ý UX: Dùng grid layout (hoặc carousel) để sắp xếp avatar gọn gàng, nhất là khi số lượng lớn (20/50). Có thể cho phép người dùng đổi tên hoặc đổi ảnh avatar để dễ phân biệt (ví dụ “Sale Bot”, “HR Bot”, “Support Bot”,...). Nếu cần, thêm search/filter để tìm avatar theo tên.

Prompt

About

AIConversationSimulator - Create engaging conversations with Agent and User prompts. Built with React and Tailwind for seamless inter. Copy component code!

Share

Last updated 1 month ago