prismBETA
← 개발자 브리핑
2026-09-07 · 04 / 07

바이브 코딩 대시보드가 형편없어 보이는 10가지 이유

Claude Code(Opus 5)에 경기장·기온·배당률이 담긴 2026 월드컵 CSV로 '시각적으로 매력적인 대화형 대시보드'를 시켰더니, 명확한 질문·탐색 흐름 없이 정보를 나열하고 모든 요소를 같은 비중으로 강조하는 등 10가지 시각적 문제가 드러남. 글자 크기 11종, 상자 모서리 둥글기 8단계, x축 레이블 누락, 104경기 같은 정보의 반복 표시가 구체 사례임. 좋은 디자인은 장식이 아니라 사용자를 대신해 정보를 정리해 인지 부담을 줄이는 일임.

요청은 단순히 'CSV를 탐색할 수 있는 매력적인 대화형 대시보드를 만들어 달라'였음. 결과물은 명확한 동기나 질문 없이 긴 화면에 데이터·그래프·필터를 쌓았고, 주요 시각 요소 6개가 모두 같은 테두리·배경·대비를 써서 어디를 봐야 할지 알려주는 위계가 없었음.

구체적 문제로는 x축 레이블이 없어 0~9 눈금의 의미를 알 수 없는 차트, 막대 끝에 경기당 득점을 'gpm'으로 묻어둔 표기, 104경기를 상단·막대·요약 지표에서 거듭 보여주는 중복, 어두운 배경에 밝은 강조색만 쓰고 통일된 색 언어가 없는 팔레트, IBM Plex Mono·Archivo 기본 서체를 그대로 쓴 점이 꼽힘. 글자 크기 11종과 모서리 둥글기 8단계처럼 규격이 제각각이라 화면이 동시에 빽빽하면서 비어 보임.

투표
AI가 만든 UI, 그대로 쓰세요?
이 글이 도움이 되셨나요?
이야기의 흐름1
이번 주이 소식
매주 월요일 아침 갱신 · 요약은 AI가 생성하며 출처 원문을 확인하세요.