網站設計健診

貼上或上傳 HTML，取得以可測量指標為準的視覺分數與實用性發現，並匯出 JSON 報告。

免費・免註冊・無浮水印

使用步驟

貼上 HTML（建議）或上傳 .html 檔。同源或允許 CORS 的網址可在瀏覽器內抓取。
查看整體、美感與實用性分數，以及依優先順序排列的改善建議。
匯出報告 JSON，或透過 window.DesignAudit（analyze_html、get_report、list_findings）給 Agent 呼叫。

指標皆為規則式啟發式（抽樣顏色的近似 WCAG 對比、字級／行高、間距密度、色相／明度／飽和分布、CTA 顯著度、區塊比例）——不是 AI 品味判斷。

實用性檢查含導覽清晰度、CTA、viewport meta、以及 HTML 可用時的表單／標籤啟發式。只有外部 CSS、沒有內嵌樣式時結果會不完整；請盡量貼上完整 HTML。

全部在你的瀏覽器內完成，HTML 不會上傳。無 AI API、無 ffmpeg.wasm、無 COOP/COEP。

這是 AI 設計審查嗎？

不是。分數來自可測量的啟發式（對比、字級、間距網格、結構檢查），不是生成式 AI。

可以健診線上網址嗎？

若頁面允許 CORS 或同源可以。否則請貼上或上傳 HTML（檢視原始碼 → 複製）。

Agent API 做什麼？

window.DesignAudit 提供 analyze_html、get_report、list_findings，讓腳本不必點 UI 也能跑健診並讀 JSON。