AI가 만든 사이트는 왜 다 똑같이 생겼을까. 한 개발자가 코드 한 줄 쓰기 전에 취향부터 고정하는 도구를 공개했어. 인디 빌더가 봐야 할 신호 3 가지
AI가 만든 사이트는 왜 다 똑같이 생겼을까. 한 개발자가 코드 한 줄 쓰기 전에 취향부터 고정하는 도구를 공개했어. 인디 빌더가 봐야 할 신호 3 가지
📅 2026.07.19 | ✍️ 경제 흐름을 읽어주는 형
오늘 아침 형이 챙겨 본 소식은 로히트 푸르카이트라는 개발자가 올린 글이야. 요즘 AI로 뚝딱 만든 웹사이트를 여러 개 늘어놓고 보면 하나같이 닮았다는 이야기지. 보라색 그라데이션 배경, Inter라는 똑같은 글꼴, 살짝 그림자 진 둥근 카드. 어느 도구로 뽑든 약속이나 한 듯 이 조합으로 수렴해. 이유는 단순해. AI한테 그냥 사이트를 만들어 달라고 하면, 모델은 인터넷에 널린 수많은 화면의 평균값을 뱉거든. 평균이란 결국 가장 무난하고 가장 흔한 얼굴이야.
그래서 이 개발자는 발상을 뒤집었어. AI가 화면 코드를 짓기 전에 색과 글꼴, 로고, 움직임까지 디자인의 뼈대를 먼저 정해두는 도구를 만든 거야. 이름은 테이스트메이커, 우리말로 옮기면 취향을 정하는 사람쯤 돼. 무료에 오픈소스라 누구나 가져다 쓸 수 있고, 별도 계정이나 API 키도 필요 없어. 혼자 제품을 짓는 사람 입장에서 이 발상이 왜 중요한지, 신호 세 갈래로 풀어보자.
【 핵심 체크포인트 】
1. AI는 시키는 게 없으면 평균으로 흘러가.
AI로 만든 사이트가 다 똑같이 생긴 건 우연이 아니야. 모델은 자기가 배운 수억 장의 화면 가운데 가장 흔한 모습을 골라 내놓거든. 그게 바로 보라색 그라데이션에 Inter 글꼴, 부드러운 그림자 카드 조합이야. 개성이 없는 게 아니라, 개성을 정해주는 사람이 없으면 저절로 평균으로 미끄러지는 거지. 형이 여기서 짚는 건 이거야. 도구가 좋아질수록 아무 지시 없이 뽑은 결과물은 서로 더 닮아가. 남들과 같은 얼굴로 나오는 걸 막고 싶으면, 만드는 사람이 미리 방향을 정해줘야 해. 안 그러면 애써 만든 내 서비스가 옆 사람 것과 구분이 안 되고, 그 순간 첫인상에서부터 밀려버려.
2. 제약을 먼저 걸면 결과가 오히려 좋아져.
이 도구의 핵심 한 줄은 이거야. 제약이 AI 결과물을 나쁘게 만드는 게 아니라 좋게 만든다는 거. 색은 다섯 벌의 팔레트로, 글꼴은 스물네 쌍의 조합으로, 움직임은 검증된 애니메이션 설정으로 미리 골라둬. 그러면 모델은 미학을 즉흥으로 지어내느라 힘을 빼지 않고, 진짜 중요한 제품 기능에 집중하게 돼. 형이 늘 하는 이야기랑 정확히 맞물려. AI한테 열린 질문을 던지면 답이 산으로 가지만, 테두리를 좁혀서 물으면 그 안에서 훨씬 또렷한 답을 내놓거든. 자유를 많이 주는 게 좋은 결과로 이어질 것 같지만, 실제로는 반대야. 잘 짜인 제약이 곧 품질이야. 실제로 이 도구는 화면에 생기를 넣는 움직임까지 검증된 설정으로 미리 깔아둬서, 개발자가 애니메이션을 처음부터 손대지 않아도 자연스러운 결과가 나오게 해뒀어.
3. 감이 아니라 규칙으로 확인해야 진짜야.
가장 눈여겨본 대목은 이거야. 이 개발자가 처음 고른 색 팔레트 다섯 벌 가운데 둘이 접근성 기준을 통과하지 못했어. 글자와 배경의 대비가 약해서, 눈이 불편한 사람은 읽기 힘든 조합이었던 거지. 문제는 눈으로 볼 때는 다섯 벌 다 멀쩡해 보였다는 거야. 그래서 도구가 사람 감에 맡기지 않고 대비 수치를 자동으로 재서 걸러냈어. 형이 이 대목을 특히 좋아하는 건, 이게 취향을 감이 아니라 규칙으로 고정한 사례라서야. 예쁘다는 느낌은 사람마다 다르고 그날 기분에 따라 흔들리지만, 대비 수치는 딱 떨어지는 사실이거든. 좋은 결과를 매번 안정적으로 뽑고 싶으면, 느낌에 기대는 부분을 하나씩 확인 가능한 규칙으로 바꿔둬야 해.
【 형 빌드 cross-reference 】
이번 소식은 형이 붙잡고 있는 것들이랑 곧바로 맞물려.
첫째는 claude-code-masterpack이야. AI한테 일을 시키기 전에 어떤 맥락과 규칙을 미리 정해줘야 결과가 흔들리지 않는지, 그 방법을 일곱 갈래로 정리한 꾸러미지. 오늘 소식의 테이스트메이커는 그 원리를 디자인 쪽에 그대로 옮긴 거야. 코드를 짓기 전에 색과 글꼴을 먼저 정하는 것과, 답을 내놓기 전에 맥락과 제약을 먼저 정하는 것은 완전히 같은 생각이거든. 결국 좋은 AI 결과물은 도구가 아니라 도구를 쓰기 전에 무엇을 정해두느냐에서 갈린다는 게 형이 계속 밀고 있는 이야기야.
둘째는 형이 매일 돌리는 블로그 썸네일 고정 규칙이야. 채널마다 로고 들어갈 곳, 채널명 위치, 강조 색, 이모지를 미리 정해두고, 이미지를 새로 만들 때마다 그 정해진 틀 안에서만 움직이게 해뒀어. 이게 바로 오늘 소식이 말한 취향을 코드 전에 고정하는 방식을 형이 이미 실전에서 쓰고 있는 사례야. AI가 매번 새 그림을 뽑아도 형 채널 특유의 얼굴은 절대 흔들리지 않아. 남들 AI 썸네일이 다 비슷해질 때, 이 고정 규칙 하나가 알아보는 얼굴을 지켜주는 거지.
셋째는 agent-starter-kit이야. 테이스트메이커가 명령어 한 줄로 설치되는 재사용 도구로 배포됐다는 점이 눈에 띄어. 좋은 방법을 자기만 쓰고 끝내는 게 아니라, 남도 그대로 가져다 쓰게 꾸러미로 묶어 내놓은 거지. 형이 텔레그램 위 AI 에이전트를 누구나 세우게 하려고 만든 이 꾸러미와 배포 철학이 똑같아. 한 번 잘 정리한 틀을 여럿이 나눠 쓰면, 각자 바닥부터 다시 시작하지 않아도 되니까.
【 결론 】
오늘 소식을 한 문장으로 줄이면 이래. AI 도구가 흔해질수록 아무 생각 없이 뽑은 결과물은 서로 닮아가고, 차별화는 코드가 아니라 코드를 짓기 전에 정한 제약에서 나온다는 거야. 색과 글꼴을 먼저 고정하고, 예쁘다는 느낌마저 대비 수치라는 규칙으로 바꿔두면, 같은 AI를 써도 남들과 다른 얼굴이 나와. 혼자 제품을 짓는 사람한테 오늘 점검할 질문은 셋이야. 내 서비스가 옆 사람 것과 구분되는 자기만의 방향을 미리 정해뒀는지, 그 방향을 감이 아니라 확인 가능한 규칙으로 적어뒀는지, 그리고 그 규칙을 한 번 만들고 재사용할 수 있게 묶어뒀는지. 도구는 누구나 같은 걸 쓰지만, 그 도구에 무엇을 먼저 정해주느냐는 온전히 만드는 사람 몫이야.
이 글은 2026년 7월 19일 뉴스와 데이터를 기반으로 AI 도구를 활용해 재작성했어.
댓글
댓글 쓰기