딸깍코드 ddalkkak code
Esc

AI가 만든 티 나는 화면, 이 다섯 개로 지우세요

운영자

뻔한 화면 막기·디자인 기준표·디자인 견본 68종·모션 원칙·참고 사이트 디자인 추출. 다섯 도구를 어떤 문제에 하나씩 붙이는지 정리했습니다.

설치 파일은 배포 준비 중이에요.

문제별로 하나씩

이런 문제라면 붙일 것 설치
화면이 템플릿처럼 뻔해요 Taste Skill 스킬
색·글꼴을 감으로 고르고 있어요 UI UX Pro Max 플러그인
어떤 분위기로 갈지 방향이 없어요 Awesome Claude Design — DESIGN.md 견본 68종 없음(받아서 첨부)
모션이 과하거나 어색해요 Design Motion Principles 스킬
따라 하고 싶은 사이트가 있어요 DESIGN.md Style Extractor — 크롬 확장 크롬 웹스토어

시안 만들 때 순서

  1. 기준 파일 먼저. 프로젝트에 DESIGN.md가 있으면 그게 정답이에요. 견본이나 추출본은 참고로만 써요(DESIGN.md 모음도 같은 형식).
  2. 방향이 필요할 때만 견본. 여러 안을 비교할 때 견본 2~3개를 골라 안마다 다른 방향으로 써 보세요. 색·글꼴은 내 서비스 것으로 바꿔 끼워요.
  3. 지시문에 «피할 것»을 적어요. 예: «큰 제목 + 카드 3개 + 그라데이션 버튼 같은 흔한 AI 레이아웃은 피해 줘».
  4. 도구는 한 번에 하나. 다 같이 붙이면 서로 다른 기준이 부딪혀요. 지금 문제에 맞는 하나만 더하세요.

꼭 알아 둘 점

  • 남의 사이트에서 뽑은 디자인은 구조·간격·글자 위계만 빌려요. 로고·브랜드 색·고유 그림은 가져오지 마세요.
  • 다섯 개 모두 무료예요(저장소 네 개는 MIT, 크롬 확장은 웹스토어 무료). Claude 사용료는 따로예요.
  • 순서 전체는 AI 티 안 나는 웹사이트, 이 순서로 만드세요에서 볼 수 있어요.
종류
가이드
분류
디자인
참고한 글
낭만빌더 · 클로드로 만든 사이트 AI 티 지우는 디자인 레포 5개 — 직접 써 보고 다시 정리했어요