Claude가 만든 티가 안 나게 UI/UX 프론트엔드 만드는 팁 있을까?

Claude가 아니라, 당신의 추론 수준(reasoning effort)을 '낮음' 이상으로 높이세요.

이게 진짜 정답임.

ㅋㅋㅋ

똑같은 느낌이 나는 건 Claude가 모든 디자인 결정을 가장 안전한 기본값으로 채우기 때문임. 해결책은 Claude가 CSS를 작성하기 전에 당신이 직접 결정하는 거임.

폰트 조합과 색상을 직접 골라서 정확한 값을 입력하셈. 예를 들어 제목용 세리프체 하나, 본문용 깔끔한 산세리프체 하나, 그리고 16진수 색상 코드 3개 이런 식으로. '현대적으로 만들어줘'라고 하면 항상 똑같은 결과만 나옴.

그리고 흔히 쓰이는 뻔한 요소들은 이름 대면서 금지하셈. 보라색에서 파란색으로 넘어가는 그라데이션, 그림자 들어간 큼직하고 둥근 카드, 아이콘으로 쓰는 이모지, 가운데 정렬된 히어로 섹션 밑에 박스 3개 있는 거. 뭘 하고 싶은지 말하는 것보다 뭘 하지 말라고 하는 게 훨씬 효과적임.

그리고 실제 레퍼런스를 주셈. 마음에 드는 사이트 스크린샷이랑 'lorem ipsum' 대신 실제 텍스트를 넣으셈. 실제 문구가 들어가면 레이아웃이 많이 바뀜.

Claude Code용 프론트엔드 디자인 스킬도 있는데, 기본 스타일에서 벗어나게 해주니까 시도해 볼 만함.

이게 랜딩 페이지임 아니면 앱 화면임? 둘 다 조언이 좀 달라질 수 있음.

ClaudeCode로 HTML만 만들게 한 다음 ClaudeDesign으로 검토받고 당신의 창의적인 노트를 추가할 수 있음. Figma 같은 커넥터를 써서 디자인을 돕는 방법도 있고.