Kiểm tra thiết kế website

Dán hoặc tải HTML để nhận điểm hình ảnh dựa trên chỉ số đo được và phát hiện hữu ích — rồi xuất báo cáo JSON.

Miễn phí · Không cần đăng ký · Không có hình mờ

🔒 Tệp không bao giờ rời khỏi thiết bị của bạn — mọi xử lý diễn ra ngay trong trình duyệt.

Cách sử dụng

  1. Dán HTML (khuyến nghị) hoặc tải tệp .html. URL cùng nguồn / CORS được phép có thể lấy trong trình duyệt.
  2. Xem điểm tổng, thẩm mỹ, hữu ích và danh sách cải thiện theo ưu tiên.
  3. Xuất JSON báo cáo, hoặc gọi window.DesignAudit (analyze_html, get_report, list_findings) từ agent.

Kiểm tra thiết kế website

Chỉ số là heuristic theo quy tắc (tương phản WCAG gần đúng trên màu lấy mẫu, chữ/dãn dòng, mật độ khoảng cách, phân bố hue/độ sáng/bão hòa, nổi bật CTA, tỷ lệ section) — không phải đánh giá AI.

Hữu ích gồm rõ ràng điều hướng, CTA, viewport meta, và nhãn biểu mẫu khi có HTML. Chỉ CSS ngoài mà không có style nội tuyến sẽ cho kết quả thiếu.

Mọi thứ chạy trong trình duyệt. HTML không được tải lên. Không API AI, không ffmpeg.wasm, không COOP/COEP.

Câu hỏi thường gặp

Đây có phải AI review thiết kế?

Không. Điểm đến từ heuristic đo được (tương phản, chữ, lưới khoảng cách, cấu trúc), không phải AI sinh.

Có thể kiểm tra URL trực tiếp?

Có nếu CORS cho phép hoặc cùng nguồn. Nếu không, hãy dán hoặc tải HTML.

Agent API làm gì?

window.DesignAudit cung cấp analyze_html, get_report và list_findings để chạy kiểm tra và đọc JSON không cần bấm UI.

Thêm công cụ thiết kế

Công cụ thiết kế ›