말로 설명하지 마세요 — 스크린샷 한 장이 프롬프트 열 줄

"버튼이 오른쪽 위에 있고, 그 옆에 회색 작은 글씨가 있고, 그 아래에…" — 화면을 말로 설명하다 지친 적 있으시죠? 😮‍💨

요즘 AI는 이미지를 읽어요. 설명하지 말고 그냥 보여주면 됩니다. 프롬프트 열 줄보다 스크린샷 한 장이 훨씬 정확해요.

어디에 쓰면 좋냐면

• 에러 화면 — 빨간 글씨 그대로 캡처해서 던지면 돼요. 옮겨 적다 오타 낼 일도 없고요
• 만들고 싶은 디자인 — 마음에 드는 사이트 화면을 보여주고 "이렇게 만들어줘"
• 깨진 레이아웃 — "여기가 이상해요"를 말로 하는 것보다 100배 빨라요
• 표·그래프가 든 문서 — 숫자를 옮겨 적지 말고 캡처해서 주세요

넣는 방법 3가지 (안 되면 다음 걸로)

⚠️ 붙여넣기 단축키는 운영체제·터미널마다 달라요. 특히 윈도우에서 캡처도구로 복사한 이미지는 조용히 무시되기도 해요. 안 되면 드래그하거나 파일 경로를 주는 게 마음 편해요.

이미지랑 같이 던지는 프롬프트

이미지만 덜렁 넣으면 AI가 뭘 하라는 건지 몰라요. 아래처럼 네 가지를 같이 적어주면 결과가 확 달라져요.

# ① 이게 뭔지 알려줘요 (AI가 추측하지 않게)
첨부한 건 우리 서비스 로그인 화면이에요.
 
# ② 원하는 걸 콕 집어요
이 화면과 같은 레이아웃을 React로 만들어줘.
 
# ③ 이미지로 알 수 없는 건 말로 보충해요
색은 이미지에서 뽑고, 폰트는 Pretendard로.
 
# ④ 지어내지 말라고 못 박아요
이미지에 없는 요소는 임의로 추가하지 마.

④번이 특히 중요해요. 안 적으면 AI가 친절하게 없던 버튼을 만들어 놓거든요. 😅

에러 화면이라면 이렇게요.

# 상황을 한 줄로 (언제 났는지)
저장 버튼 누르면 이 에러가 떠요.
 
# 원하는 걸 순서대로
원인부터 설명하고, 그다음 고칠 코드를 알려줘.
 
# 확신 없으면 물어보라고
확실하지 않으면 추측하지 말고 필요한 파일을 요청해.

알아둘 점

• 지원 형식은 보통 PNG·JPEG·GIF·WebP예요
• 글씨가 작으면 못 읽어요. 화면 전체보다 필요한 부분만 크게 잘라서 주세요
• 캡처에 비밀번호·토큰·개인정보가 안 들어갔는지 꼭 확인하세요. 한번 보낸 건 되돌릴 수 없어요

정리

• 설명하기 어려우면 찍어서 보여주세요
• 이미지 + "뭔지 / 원하는 것 / 보충 정보 / 지어내지 말 것" 네 줄이면 충분해요
• 붙여넣기가 안 되면 드래그나 파일 경로로요

여러분은 AI한테 스크린샷 던져보신 적 있으세요? 잘 됐던 경우·황당했던 경우 노하우 방에 공유해 주세요 ⚡