블로그 · 2026-07-03 · 4분

내 사이트가 AI로 만든 티 나는지 확인하는 법

코드를 몰라도 확인할 수 있는 바이브코딩 티의 신호들과, 자동으로 점검하는 방법.

'우리 사이트, AI로 대충 만든 티 나지 않을까?' 하는 걱정은 근거가 있습니다. AI 빌더가 반복하는 몇 가지 신호가 있고, 대부분은 브라우저만으로도 확인할 수 있습니다.

눈으로 확인하는 디자인 신호

  • 보라→인디고 그라디언트가 히어로·버튼·배지에 반복된다
  • 모든 섹션이 중앙정렬이고 카드마다 rounded-2xl + 큰 그림자가 붙어 있다
  • 히어로 배경에 움직이는 빛줄기(Beams)·반짝이(Spotlight)·오로라가 있다
  • 폰트가 커스터마이징 없이 기본 산세리프 그대로다
  • 헤딩에 이모지(✨🚀)가 반복적으로 붙어 있다

코드로 확인하는 기술 신호

  • 빌더 배지·스크립트가 남아 있다 (예: cdn.gpteng.co, lovable-tagger, v0 메타태그)
  • 컴포넌트 키트 클래스가 보인다 (background-beams, border-beam, animate-spotlight 등)
  • 소스맵(.map)이나 .env가 그대로 배포돼 있다
  • 프론트 번들에 API 키가 하드코딩돼 있다

자동으로 한 번에 점검하기

위 항목을 일일이 확인하기 번거롭다면, URL만 넣으면 사용 스택과 바이브코딩 티를 점수로 보여주는 도구를 쓰면 됩니다. VibeCheck는 빌더 아티팩트, 컴포넌트 키트 지문, 디자인 패턴, 배포 위생을 한 번에 검사하고, 항목별로 '이걸 고치면 티가 사라진다'는 처방전을 제공합니다. Tailwind나 React처럼 누구나 쓰는 기술은 티로 세지 않으므로, 실제로 '양산형'인 부분만 짚어줍니다.

내 사이트는 티가 얼마나 날까?

URL 하나로 사용 스택과 바이브코딩 티를 바로 확인하세요.

감별하러 가기 →