AI 도서관 · Gemini · 단축 명령어 · 바이브코딩
"버튼이 이상해요"를 말로 설명하기 어려울 때
[화면을 캡처해서 첨부하고 사용하세요]
📌 말로 설명하기 어려운 것들
• 버튼이 화면 밖으로 나감
• 글자가 겹침
• 색이 이상함
• 모바일에서만 깨짐
• 원하는 모양과 다름
이런 건 찍어서 보여주는 게 훨씬 빠릅니다.
[ 지시문 ]
이 화면에서 문제를 봐줘.
① 화면에서 보이는 것을 먼저 그대로 서술해줘
② 내가 말한 문제가 어느 부분인지 짚어줘
③ 왜 그렇게 보이는지 — 원인 후보를 가능성 순으로
④ 고치려면 어느 파일의 무엇을 바꿔야 하는지
⑤ 그 변경이 다른 화면에도 영향을 주는지
①을 먼저 해줘. 잘못 보고 있으면 거기서 드러나니까.
내 상황: {{INPUT}}
💡 두 장을 함께 올리면 더 좋습니다
지금 모습과 원하는 모습(다른 사이트 캡처도 됩니다)을 같이 올리고
"왼쪽처럼 되어 있는데 오른쪽처럼 만들고 싶어" 라고 하세요.
💡 모바일에서만 깨진다면
휴대폰에서 찍어 올리고 "휴대폰 화면입니다"라고 말해주세요.
화면 크기를 모르면 엉뚱한 곳을 고칩니다.
⚠️ 캡처에 함께 찍히는 것을 확인하세요
다른 창, 알림, 브라우저 주소, 로그인 정보가 같이 찍히기 쉽습니다.
올리기 전에 한 번 보세요.
{{INPUT}} 자리에 내 내용을 넣어 쓰는 프롬프트입니다. 아래 버튼으로 열면 넣는 칸이 나옵니다.
언제 쓰나 · 말로 설명하기 어려운 화면 문제를 캡처로 보여줄 때
휴대폰에서 보면 아래 「저장」 버튼이 화면 밖으로 나가서 안 눌립니다. 컴퓨터에서는 멀쩡합니다. 버튼이 항상 화면 안에 보였으면 좋겠어요. (캡처는 직접 첨부하세요. 아래는 무엇을 올리는지 보여주는 예입니다 — 휴대폰_현재화면.png / 원하는_모습.png)
우리가 쓴 예시입니다. 실제 실행 결과가 아니고, 답변은 매번 조금씩 다릅니다.
① 화면에서 보이는 것 (그대로 서술) 〈위에서부터 무엇이 보이는지〉 ※ 여기서 잘못 보고 있으면 아래가 전부 틀어집니다. 먼저 확인하세요 ② 말씀하신 문제가 어느 부분인가 〈캡처에서 짚어줌〉 ③ 왜 그렇게 보이는가 (가능성 순) 1 〈원인 후보〉 — 확인법 〈…〉 2 〈원인 후보〉 — 확인법 〈…〉 ④ 고치려면 어느 파일의 무엇을 〈파일명〉 의 〈부분〉 — 〈무엇을 바꾸는지〉 ⑤ 다른 화면에 주는 영향 〈같이 바뀌는 곳이 있는지〉 ⚠️ ①을 건너뛰고 바로 고치기 시작했다면 다시 시키세요. ⚠️ 캡처에 다른 창·알림·주소창·로그인 정보가 함께 찍히지 않았는지 올리기 전에 확인하세요.
먼저 화면에 보이는 것을 그대로 서술해줘. 고치는 건 그다음에. 원인을 하나로 단정하지 말고 후보와 각각의 확인법을 알려줘. 휴대폰 화면이라는 점을 반영해줘.