“AI dựng xong giao diện nhưng nhìn là biết ngay "kiểu AI làm" - cần sửa gì trước khi ra mắt?”
AI làm UI kiểu "AI slop" - cần nâng lên chất lượng cao cấp
AI Agent Skills tương ứng
Hướng dẫn thiết kế giao diện trực quan có cá tính, thẩm mỹ cao, thoát khỏi các khuôn mẫu mặc định sáo rỗng của AI.
Nâng cấp giao diện website hiện có lên chất lượng cao cấp, rà soát và loại bỏ các lỗi thiết kế AI mà không làm hỏng tính năng.
Hệ thống tri thức thiết kế UI/UX chuyên sâu cho web và desktop, chuẩn hóa micro-interaction và trạng thái tương tác.
Bộ quy tắc cài đặt nhanh để chặn các mẫu hình "AI slop" phổ biến (gradient tím mặc định, icon chung chung, padding đều tăm tắp) ngay từ đầu.
Khung hành động
- Kiểm tra khoảng trắng và căn lề - AI hay dùng padding/margin mặc định đều tăm tắp, thiếu phân cấp thị giác. Tăng khoảng cách giữa các nhóm, giảm trong 1 nhóm.
- Kiểm tra bảng màu - AI hay dùng gradient tím-xanh mặc định hoặc quá nhiều màu nhấn cùng lúc. Giới hạn còn 1 màu nhấn chính, còn lại là trung tính.
- Kiểm tra font và kiểu chữ - AI hay dùng 1 cỡ chữ cho mọi cấp nội dung. Tạo phân cấp rõ: tiêu đề, phụ đề, nội dung phải khác cỡ/độ đậm rõ rệt.
- Kiểm tra icon và minh hoạ - AI hay chèn icon chung chung (bóng đèn, tên lửa, biểu tượng check) không gắn với nội dung thật. Thay bằng icon/hình ảnh cụ thể cho đúng ngữ cảnh sản phẩm.
- So sánh với 1 sản phẩm bạn thấy đẹp thật (không phải AI làm) - liệt kê 3 điểm khác biệt cụ thể, rồi sửa từng điểm đó.
Trước
"Giao diện có đủ nút, đủ chữ, chạy được - để vậy ra mắt cho nhanh."
Sau
"Rà lại: bỏ gradient tím mặc định, đổi icon bóng đèn generic thành icon riêng cho tính năng, tăng khoảng cách giữa các card từ 8px lên 24px, giảm còn 1 màu nhấn (xanh) thay vì 4 màu."