AI가 만든 티 나는 화면, 이 다섯 개로 지우세요
운영자
뻔한 화면 막기·디자인 기준표·디자인 견본 68종·모션 원칙·참고 사이트 디자인 추출. 다섯 도구를 어떤 문제에 하나씩 붙이는지 정리했습니다.
설치 파일은 배포 준비 중이에요.
문제별로 하나씩
| 이런 문제라면 | 붙일 것 | 설치 |
|---|---|---|
| 화면이 템플릿처럼 뻔해요 | Taste Skill | 스킬 |
| 색·글꼴을 감으로 고르고 있어요 | UI UX Pro Max | 플러그인 |
| 어떤 분위기로 갈지 방향이 없어요 | Awesome Claude Design — DESIGN.md 견본 68종 |
없음(받아서 첨부) |
| 모션이 과하거나 어색해요 | Design Motion Principles | 스킬 |
| 따라 하고 싶은 사이트가 있어요 | DESIGN.md Style Extractor — 크롬 확장 | 크롬 웹스토어 |
시안 만들 때 순서
- 기준 파일 먼저. 프로젝트에
DESIGN.md가 있으면 그게 정답이에요. 견본이나 추출본은 참고로만 써요(DESIGN.md 모음도 같은 형식). - 방향이 필요할 때만 견본. 여러 안을 비교할 때 견본 2~3개를 골라 안마다 다른 방향으로 써 보세요. 색·글꼴은 내 서비스 것으로 바꿔 끼워요.
- 지시문에 «피할 것»을 적어요. 예: «큰 제목 + 카드 3개 + 그라데이션 버튼 같은 흔한 AI 레이아웃은 피해 줘».
- 도구는 한 번에 하나. 다 같이 붙이면 서로 다른 기준이 부딪혀요. 지금 문제에 맞는 하나만 더하세요.
꼭 알아 둘 점
- 남의 사이트에서 뽑은 디자인은 구조·간격·글자 위계만 빌려요. 로고·브랜드 색·고유 그림은 가져오지 마세요.
- 다섯 개 모두 무료예요(저장소 네 개는 MIT, 크롬 확장은 웹스토어 무료). Claude 사용료는 따로예요.
- 순서 전체는 AI 티 안 나는 웹사이트, 이 순서로 만드세요에서 볼 수 있어요.
- 종류
- 가이드
- 분류
- 디자인
- 참고한 글
- 낭만빌더 · 클로드로 만든 사이트 AI 티 지우는 디자인 레포 5개 — 직접 써 보고 다시 정리했어요