생성형 AI 가 코드를 짜주면서 프론트엔드 개발의 문턱은 낮아졌지만, 결과물의 퀄리티는 여전히 의문시됩니다. 특히 AI 가 만들어낸 인터페이스가 가진 특유의 ‘뻔뻔함’이나 어설픈 느낌을 줄이는 방법에 대한 논의가 최근 개발자 커뮤니티를 뜨겁게 달구고 있습니다.
많은 사람이 AI 가 생성한 코드는 기능은 잘 작동하지만, 시각적으로 무언가 부족하거나 어색한 ‘슬롭(Slop)’이 섞여 있다고 호소합니다. 이 문제는 단순히 AI 의 성능 부족 때문만이 아니라, 현대 웹 디자인의 흐름과 AI 의 학습 방식이 충돌하는 지점에서 발생합니다.
한 개발자는 개인적으로 사용하는 프로그램을 AI 에이전트로 빠르게 만들려다 이 같은 문제를 직면했습니다. 다양한 스타일을 시도해봐도 결과물은 모두 일종의 ‘슬롭’이라는 공통점을 보였습니다.
마치 특정 스타일 위에 어설픈 레이어가 덧입혀진 듯한 느낌이었죠. 그런데 흥미롭게도, 단순히 “Qt 앱처럼 만들어줘”라고 지시했을 때만 유독 깔끔하고 일관된 결과가 나왔습니다.
Qt 스타일이 적용된 UI 는 AI 가 만들어낸 흔한 어설픈 느낌을 거의 완전히 날려버렸습니다.
이 현상에 대해 커뮤니티에서는 다양한 해석이 쏟아져 나왔습니다. 일부는 이것이 AI 의 문제라기보다 현대 웹 UI 의 부실함을 AI 가 증폭시킨 결과라고 지적합니다.
과거 Xerox PARC 에서 정립된 일관된 위젯 디자인 철학이 웹 중심의 디자인으로 넘어오면서 무너졌고, 그 빈자리를 채운 것이 바로 이 ‘웹 슬롭’이라는 것입니다. AI 는 이 불완전한 현대 웹 디자인 패턴을 학습했기 때문에, 그 어설픈함을 그대로 재생산하거나 더 부각시키는 경향이 있다는 설명입니다.
반면 Qt 스타일이 효과를 본 이유는 AI 의 학습 데이터와 깊은 연관이 있습니다. Qt 는 수십 년간 존재해 온 프레임워크로, 방대한 양의 튜토리얼, 스크린샷, 소스 코드, 논의들이 AI 의 학습 데이터에 포함되어 있습니다.
따라서 “Qt 앱”이라는 개념은 AI 의 잠재 공간에서 매우 일관되고 명확한 형태로 정의되어 있습니다. 마치 잘 정립된 배포판처럼 AI 가 이를 재현할 때 혼란이 적고, 결과적으로 깔끔한 디자인이 도출되는 것입니다.
이는 AI 가 처음부터 일관된 컴포넌트 라이브러리를 발명해내기를 기대하기보다, 이미 검증된 디자인 시스템을 활용하는 것이 훨씬 효율적임을 보여줍니다.
이러한 흐름은 앞으로 AI 기반 개발이 어떻게 진화할지에 대한 중요한 시사점을 줍니다. 단순히 “예쁘게 만들어줘”라는 모호한 지시보다는, 구체적인 디자인 시스템이나 레퍼런스를 명시하는 것이 결과물의 완성도를 높이는 핵심 열쇠가 될 것입니다.
특히 MUI 같은 대중적인 디자인 시스템이나 Qt 같은 명확한 스타일을 지시하는 것이 AI 의 무작위성을 통제하는 효과적인 방법이 될 수 있습니다. 앞으로는 다양한 LLM 이 생성한 CSS 를 비교해 볼 수 있는 현대판 CSS 젠가든 같은 실험이 등장할지도 모릅니다.
AI 가 만들어낸 코드의 ‘뻔뻔함’을 줄이는 과정은 결국 우리가 어떤 디자인 철학을 AI 에게 주입하느냐에 달려 있습니다.
작성자 소개
