웹사이트 디자인 진단

HTML을 붙여넣거나 업로드하면 측정 가능한 지표 기반 시각 점수와 실용성 발견을 얻고 JSON 보고서를 내보냅니다.

무료 · 회원가입 없음 · 워터마크 없음

사용 방법

HTML 붙여넣기(권장) 또는 .html 업로드. 동일 출처/CORS 허용 URL은 브라우저에서 가져올 수 있습니다.
종합·미학·실용성 점수와 우선순위 개선 목록을 확인하세요.
보고서 JSON을 내보내거나 window.DesignAudit(analyze_html, get_report, list_findings)를 에이전트에서 호출하세요.

지표는 규칙 기반 휴리스틱(표본 색의 대략적 WCAG 대비, 활자/행간, 간격 밀도, 색상/명도/채도 분포, CTA 두드러짐, 섹션 비율)이며 AI 취향 판단이 아닙니다.

실용성 검사는 내비 명확성, CTA, viewport meta, HTML이 있을 때 폼/레이블을 봅니다. 인라인 CSS 없이 외부 스타일만 있으면 결과가 부분적입니다.

모든 처리는 브라우저에서 이루어지며 HTML은 업로드되지 않습니다. AI API·ffmpeg.wasm·COOP/COEP 없음.

AI 디자인 리뷰인가요?

아니요. 점수는 측정 가능한 휴리스틱(대비, 활자, 간격 그리드, 구조)에서 오며 생성 AI가 아닙니다.

라이브 URL을 진단할 수 있나요?

CORS가 허용되거나 동일 출처이면 가능합니다. 아니면 HTML을 붙여넣거나 업로드하세요.

Agent API는 무엇인가요?

window.DesignAudit이 analyze_html, get_report, list_findings를 제공해 UI 없이 진단과 JSON을 읽을 수 있습니다.