HAM MEDIA
AI 협업 도구
화면 동작을 눌러보고
내 요구서로 가져가세요
모달·토스트·아코디언·탭을 직접 조작해 차이를 확인하세요. 닫기·키보드·실패·모바일에서 필요한 행동을 적으면 화면 요구서가 만들어집니다.
이렇게 쓰세요
1원하는 동작으로 검색해요→
2‘복사’ 눌러요→
3쓰던 AI(챗GPT·코덱스)에 붙여넣어요
아래 ‘실제 동작 시연’에서 한 가지를 직접 조작해 보고, 같은 화면에 필요한 닫기·키보드·실패·모바일 동작을 적어 요구서로 가져가세요.
말만 읽지 말고 직접 눌러보세요.
아래 모달은 Esc로 닫히고 초점이 원래 버튼으로 돌아옵니다. 탭은 화살표 키로 움직이고, 아코디언은 키보드로 펼칠 수 있습니다. 동작을 골라 내 화면에 필요한 조건을 적으면 복사·저장할 요구서에 담깁니다.
모달 · 확인이 필요한 내용을 잠시 띄웁니다
열면 키보드 초점이 창 안에 머뭅니다. Esc나 닫기 버튼으로 닫은 뒤 원래 자리로 돌아오는지 확인하세요.
토스트 · 짧은 상태를 알립니다
저장처럼 방금 일어난 비핵심 상태를 잠깐 알립니다. 초점을 가져가지 않습니다. 실패나 꼭 읽어야 할 정보는 사라지는 토스트 하나에만 맡기지 않습니다.
아코디언 · 지금 필요한 설명만 펼칩니다
배송 시간을 확인하는 법
주문 내역에서 해당 주문을 열고, 마지막 갱신 시각과 예상 도착일을 확인합니다.
예상일이 지났을 때
상태가 바뀌지 않으면 문의 방법과 확인에 필요한 주문 정보를 안내합니다.
탭 · 같은 화면 자리에서 관련 내용을 바꿉니다
서비스가 해결하는 일을 한 문장으로 안내합니다.
시작하는 데 필요한 순서를 보여줍니다.
대상·제한·문의 방법을 보여줍니다.
요구서는 이 브라우저에서 조합합니다. 이 도구는 AI를 호출하지 않으며 입력을 서버로 보내거나 자동 저장하지 않습니다. 개인 정보는 적지 마세요.
HAM MEDIA · 화면 부르는 말 사전
이름이 기억 안 나면 ‘동작’으로 말해도 돼요 — “눌렀을 때 위에 창이 떠” → AI가 “모달이에요” 하고 붙여줍니다.
이 화면도 검색창 · 세그먼트 버튼 · 카드 · 배지 · 모달 · 토스트로 만들었어요.
이름이 기억 안 나면 ‘동작’으로 말해도 돼요 — “눌렀을 때 위에 창이 떠” → AI가 “모달이에요” 하고 붙여줍니다.
이 화면도 검색창 · 세그먼트 버튼 · 카드 · 배지 · 모달 · 토스트로 만들었어요.