AI가 만든 웹사이트가 전부 똑같아 보이는 이유와 해결 방법

제대로 된 디자이너라면 가장 먼저 하는 일이 시각적 방향성을 잡는 거야. 레퍼런스, 타이포그래피, 구성, 계층 구조, 간격, 밀도, 상호작용, 전반적인 분위기 같은 것들 말이지.

그것만 해도 '.md' 파일에 '그레이디언트 쓰지 마라 / clamp() 써라 / 뻔한 카드 디자인 피하라' 같은 규칙들을 잔뜩 때려 넣는 것보다 훨씬 더 앞서 나가는 거야.

규칙이 AI 특유의 뻔한 결과물을 막는 데 도움은 되겠지. 하지만 그게 취향이나 아트 디렉션, 혹은 좋은 디자인적 결정을 만들어주지는 않아.

그러니 그래, 박수를 보낸다. 기본적인 이해도만 있어도...

걔네들은 안 고칠걸. 그런 디자인들이 LLM에 너무 깊게 박혀 있어서 결국 다시 거기로 돌아가거든. 템플릿을 쓰거나 피그마로 고퀄리티 작업을 하지 않는 이상 운에 맡겨야 함.

홈페이지에 너무 예술적이지 않은, 더 나은 쇼케이스 이미지들을 추가할게. 기존 것들도 좀 섞어서 유지할 생각이야.

맞음, SOTA AI라면 다 잘 돌아감. 개인적으로는 Claude Opus/Sonnet을 선호하고, Gemini 3.1 Pro도 구형 모델이긴 하지만 프론트엔드 작업엔 여전히 괜찮음. Grok 4.6이랑 Composer 2.5도 제대로 지시만 내리면 충분히 능력 발휘함. 그냥 내버려 두면 결국 표준적인 양산형 템플릿으로 돌아가 버리니까, 프로젝트에 SKILL.md를 넣어서 방향을 잡아주는 게 딱 필요한 이유지.

1. 파이어폭스에서 안 됨

2. 크로미움으로 열었더니 쇼케이스가 그냥 필름 스트립처럼 나오네?

이걸로 만든 웹사이트 데모를 볼 수 있을 줄 알았는데, 전혀 없었음. 이름은 기억 안 나는데 방문자한테 기대감만 주고 정작 보여주는 건 없는 건 좀 별로임.

도움 됐길 바람.

아이고, 불편을 드려 죄송합니다. 파이어폭스 문제는 이미 수정 중이에요. 브라우저 간 호환성 문제라서요. 일반 크롬이나 최신 크로미움 브라우저에서는 의도한 대로 잘 작동합니다.

로고 디자인할 때 쓸만한 비슷한 거 또 있음?

맞아! 일단은 brandkit-gen 스킬을 써봐. 로고 마크, 구성 그리드, 팔레트를 한 번에 생성해주거든(참고 자료를 주면 제일 잘 작동해). 그러고 나서 필요하면 brandkit에서 로고만 따로 달라고 요청할 수도 있어.

다음 업데이트 때는 로고 전용 스킬도 따로 만들고 있으니까 기대해줘!