같은 상품, 상세페이지 첫 화면 6가지
같은 상품 사진으로 '첫 화면:' 한 줄만 바꾸면 쇼핑몰 상세페이지 첫인상이 이렇게 달라져요.
공통 지시문
쇼핑몰 상세페이지의 첫 화면을 HTML로 만들어 줘. 폭 860, 높이 1100 고정. - 상품: 손으로 빚은 세이지 그린 머그컵 350ml, 29,000원, 식기세척기 사용 가능 - 사진: cup.jpg - 첫 화면: 아래에서 고른 첫 화면 - 한글 글꼴은 Pretendard. 코드 전체를 빠짐없이 한 번에 보여 줘
클로드나 챗GPT에 넣으면 화면이 바로 보여요. 마음에 드는 판을 고른 뒤 내 내용으로 바꿔 달라고 이어 가세요.
첫 화면: 사진을 화면 가득, 아래에 짧은 한 줄만
첫 화면: "아침마다 금방 식는 커피"라는 불편을 먼저 말하고 해결로
첫 화면: 350ml·두께·무게 같은 숫자 세 개를 크게
첫 화면: 공장 머그와 손으로 빚은 머그를 반으로 나눠 비교
첫 화면: 구매 후기 세 개를 말풍선으로 먼저 보여 주고 상품은 그 아래
첫 화면: 선물 상자와 리본을 도형으로 그려 선물용임을 먼저
2026-10-14에 AI Korea Club이 이 지시문을 그대로 클로드(Sonnet)에 넣어 만든 결과예요. 가게·회사·숫자는 연습용으로 지어낸 것이에요.
