AI가 생성한 프론트엔드의 조잡함을 약간 줄이는 방법

2026-06-12

저는 엄청나게 힘든 과제를 해결하기 위해 노력해 왔습니다. 바로 AI 에이전트(AI agents)를 사용하여 빠르게 생성할 수 있으면서도, 개인적인 용도로 사용하기에 보기 괜찮은 프로그램을 만드는 것입니다. 하지만 저는 미적 감각이 없는 사람이고, 제가 제어하는 AI 또한 미적 감각이 없습니다. 저는 저에게 충분한 효과를 주는 "기묘한 비결(one weird trick)"을 하나 찾아냈습니다. 결과물이 특별히 멋진 것은 아니지만, 최소한 거부감이 들 정도는 아니며, 저는 얻을 수 있는 만큼 얻으려 합니다.

조잡함(Slop)의 스타일

저는 간단한 단일 웹 페이지 앱(아래에 더 자세한 맥락 설명)을 가져와서 에이전트(agent)에게 다양한 스타일로 생성해 달라고 계속 요청했습니다. 저는 많은 다양한 스타일이 존재할 수 있다는 것을 발견했지만, 그 모든 스타일이 조잡함(slop)처럼 느껴졌습니다. 조잡함(slop)은 별개의 스타일이 아니라, 다른 많은 스타일 위에 덧씌워질 수 있는 것입니다. 심지어 제가 특정 스타일(X)처럼 보이게 페이지를 만들라고 했을 때조차, 그것은 조잡함(slop)이 섞인 X 스타일처럼 보였습니다.

Qt

단 하나의 생성 결과만이 제 눈에 띄었습니다. 단순히 Qt 앱처럼 보이게 만들어 달라고 요청했더니 — 미적 감각이 없는 제 눈에는 — 조잡함(slop)의 느낌이 거의 모두 사라졌습니다. 결과물 중 일부는 여기서 확인할 수 있습니다. 이것은 분명히 주관적이며, 누군가를 설득하기 어렵고, 저는 피드백을 받고 싶습니다. 또한 이 분야에서 더 많은 실험을 보고 싶습니다. AI가 조잡함(slop)을 추가하지 않고 생성할 수 있는 다른 스타일이나 디자인 가이드라인이 있을까요?

앱 맥락

저는 Axios의 기사 — 2030년에 선거인단이 어떻게 변할지에 대한 예측 — 를 읽었고, 이를 시각화하고 싶었습니다. 저는 ChatGPT에 사진을 넣고, 공화당(R) 대 민주당(D)의 경로가 어떻게 열리거나 닫히는지 확인할 수 있도록 예측된 변화를 반영한 "270표 승리(270-to-win)" 스타일의 프로그램을 만들어 달라고 요청했습니다.

다른 앱들

이 방식은 이 예시 외의 다른 경우에도 잘 적용됩니다. 저는 이제 Codex를 사용하여 제가 가진 다른 모든 개인용 소프트웨어를 "Qt 스타일"로 변환하도록 했으며, 훨씬 더 좋아 보인다고 생각합니다.