r/ClaudeCode•약 1개월 전•321•99
AI가 만든 사이트가 다 똑같아 보이는 이유와 해결 방법
I finally figured out why every AI-coded site looks the same and how to actually fix it
핵심 요약
AI의 뻔한 디자인 패턴을 탈피하기 위해 엄격한 디자인 규칙을 적용하는 오픈소스 프로젝트 'VibeCurb'를 소개합니다.
- 디자인 고착화 해결 — AI의 통계적 평균값 생성을 방지하는 규칙 세트 제공
- 규칙 기반 설계 — 타이포그래피와 간격 등을 강제하여 디자인 다양성 확보
- 범용적 호환성 — Cursor, Claude Code 등 규칙을 읽는 모든 에이전트에서 사용 가능
- 오픈소스 공유 — 누구나 프로젝트에 적용할 수 있는 마크다운 파일 제공
지난 1년 동안 Claude나 ChatGPT로 사이트 만들면서 느낀 건데, 결과물이 죄다 똑같은 SaaS 템플릿처럼 나오더라. 다들 알지? 보라색 그라데이션 히어로 섹션, 둥근 카드, 온통 유리 같은 글래스모피즘, 그리고 "워크플로우를 혁신하세요" 같은 뻔한 헤드라인.
문제는 모델이 아니라는 걸 깨달았어. 모델은 디자인에 대해 주관이 없거든. 그래서 그냥 지가 본 모든 랜딩 페이지의 통계적 평균값으로만 찍어내는 거야.
해결책: SKILL.md / .cursorrules 파일에 엄격한 디자인 규칙을 박아 넣었어. AI가 뻔한 기본값으로 도망가지 못하게 강제로 디자인 결정을 내리도록 만든 거지.
이 규칙들이 하는 일:
