디자인 레퍼런스 키트
클로드가 만든 화면이 매번 비슷한 건 어디를 보라고 안 줬기 때문입니다. 직접 열어 확인한 스무 곳을 만드는 순서대로 묶고, 그걸 클로드에 넘기는 문장까지 담았습니다.
- 확인일
- 2026.09.02
- 카드뉴스
- "디자인 레퍼런스" 편 자료
- 훅
- 클로드 화면이 다 비슷한 건
프롬프트가 부족해서아니에요 · 레퍼런스가 없어서예요
💡
클로드가 만든 화면이 다 비슷한 건 프롬프트가 아니라 레퍼런스 문제입니다. 어디서 가져올지가 정해지면 화면이 갈립니다.
언제 어디를 여는가
사이트 종류로 외우면 안 열게 됩니다. 만드는 순서로 묶어야 손이 갑니다. 스무 곳을 네 단계에 나눠 뒀습니다.
| 단계 | 어디 | 무엇이 있나 |
|---|---|---|
| ① 느낌 화면을 통째로 보여줄 때 | supahero.io | 히어로 섹션만 모은 라이브러리 |
mobbin.com | 모바일·웹 화면 40만 장 이상, 검색됩니다 | |
dark.design | 다크 화면만 모은 갤러리 | |
macapp.supply | 잘 만든 맥 앱 랜딩 큐레이션 | |
loadmo.re | 모바일 웹 디자인 아카이브 | |
getlayers.ai | AI 네이티브 템플릿 라이브러리 | |
| ② 색 값으로 못 박을 때 | realtimecolors.com | 고른 팔레트를 실제 화면에 입혀 봅니다 |
coolors.co | 팔레트를 빠르게 뽑습니다 |