AI 생성 UI의 퀄리티를 높이는 간단한 꿀팁
취향이 없는 사용자와 AI가 만들어내는 어설픈 UI(Slop) 문제를 해결하기 위해 프롬프트에 'Qt 앱 스타일'을 적용하는 꿀팁이 소개되었습니다. AI 에이전트에게 Qt 디자인 가이드라인을 따르도록 지시하자 특유의 어설픔이 사라지고 훨씬 깔끔한 프론트엔드 화면을 얻을 수 있었습니다.
AI가 생성한 프론트엔드의 어설픔을 조금이나마 줄이기 (2026-06-12)
저는 최근 꽤 벅찬 작업에 도전하고 있습니다. 바로 개인적으로 사용할 그럴듯한 프로그램을 AI 에이전트를 이용해 빠르게 만들어내는 것입니다. 하지만 저라는 사람은 디자인적 감각이 없고, 제가 다루는 AI 역시 감각이 없다는 게 문제죠. 그러던 중 저에게 딱 맞는 '묘한 꿀팁'을 하나 발견했습니다. 결과물이 엄청나게 훌륭해진 건 아니지만, 보기 흉하다는 생각은 들지 않게 되었죠. 제겐 이것만으로도 충분합니다.
어설픔(Slop)의 스타일
단순한 싱글 페이지 웹 앱(아래에 자세한 맥락이 있습니다)을 만들고, AI 에이전트에게 계속해서 다양한 스타일로 생성해 달라고 요청해 보았습니다. 그 결과 다양한 스타일이 존재하지만, 모두 '어설픈 느낌(Slop)'이 난다는 것을 발견했습니다. 이 어설픔은 하나의 특정 스타일이 아니라 다른 수많은 스타일 위에 겹쳐서 나타나는 형태였습니다. 특정 플랫폼 X처럼 보이게 만들어 달라고 해도, 결과물은 어설픈 느낌이 묻어나는 X의 모습이었습니다.
Qt 스타일의 적용
그러던 중 단 하나의 생성 결과가 제 눈길을 사로잡았습니다. 단순히 'Qt 애플리케이션처럼 보이게 만들어 달라'고 요청했더니, 디자인 감각이 무뎌진 제 눈에도 그 특유의 어설픈 느낌이 거의 완전히 사라진 것처럼 보였습니다. 여기에서 결과물 중 일부를 확인해 보실 수 있습니다. 이것은 명백히 주관적인 부분이고 타인을 쉽게 설득하기 어려울 수 있기에 피드백을 받고 싶습니다. 또한 이 분야에서 더 많은 실험이 이루어지길 바랍니다. AI가 결과물을 생성할 때 그 위에 어설픔을 덧붙이지 않고도 적용할 수 있는 다른 스타일이나 디자인 가이드라인이 또 있을까요?
앱의 배경 맥락
Axios에서 읽은 기사(2030년 선거인단이 어떻게 변할 것인지에 대한 전망)를 시각화해 보고 싶었습니다. 이미지를 ChatGPT에 던져넣고, 예측된 변화를 반영한 '270석 승리(270-to-win)' 스타일의 프로그램을 만들어 달라고 요청했습니다. 이를 통해 공화당(R)과 민주당(D) 간에 어떤 승리 경로가 열리고 닫히는지 쉽게 확인하고 싶었습니다.
다른 앱에서의 활용
이 방법은 이 예시를 벗어난 다른 영역에서도 아주 잘 적용됩니다. 저는 이미 Codex를 사용해 제가 가진 모든 개인용 소프트웨어를 'Qt 스타일'로 변환했는데, 훨씬 보기 좋아졌습니다.