화면뿐 아니라 동작과 상태까지 디자인 전달하기.
완성 화면뿐 아니라 동작과 상태도 전달하세요. 반응형 규칙, 콘텐츠 제약, 자료 참조를 기록하고 미정 결정을 표시해 개발자가 추측하지 않게 하세요.
작업에 맞게 절차를 조정하세요.
화면, 상호작용, 반응형 동작과 오류 등 비정상 상태를 목록화합니다. 자료와 디자인 토큰을 연결하고 콘텐츠 제약을 기록하며 미정 결정의 담당을 배정합니다. 정적 이미지에서 추측하지 않고 동작을 검증할 수 있도록 수용 기준을 포함합니다.
- 제공할 내용
- 디자인 범위와 개발 요건.
- 받을 결과
- 자료, 상태, 명세 및 담당자 점검표.
입력과 결과를 확인하세요.
설명용 입력과 출력 · 실제 WebAct 실행이 아닌 학습용 예시
입력 항목 예시개
Handoff review: search field and result cards supplied, but loading, empty and error states missing. Responsive rules and keyboard behavior also unspecified.
완성된 예시
Required handoff additions: - Loading: indicator, pending-control behavior and announcement to confirm. - No results: useful message and a way to revise the query. - Error: recovery action and retained-query behavior. - Keyboard: focus order, submission and result navigation. - Responsive: card columns and long-content behavior. - References: assets, tokens and content constraints. Assign a reviewer to each unresolved behavior before implementation; the current screens do not define these decisions.
이 입력을 프롬프트에 넣고 WebAct에 복사해 작업을 실행해 보세요. 결과는 설명용 예시와 다를 수 있습니다.
판단 기준과 문제 해결.
성공한 검색 결과 화면만 전달하면 되나요?
로딩, 빈 결과, 오류, 키보드 동작도 실제 사용자 흐름의 일부이므로 포함하세요.
처음엔 목업과 같던 구현이 나중에 달라지는 이유는 무엇인가요?
반응형 규칙, 동적 콘텐츠, 상태 동작이 빠졌을 수 있습니다. 화면과 함께 기록하세요.
직접 준비한 자료로 시도하세요.
작업 프롬프트의 예시를 내 자료로 바꾸세요. 필요한 요구 사항은 유지하고 작업을 WebAct에 복사하세요.
작업 맞춤 설정 및 복사 ↑