AI로 댓글 작성, 표시 및 수정하기
요소 또는 보이는 영역에 피드백을 첨부하고, 전송 시점을 선택한 다음, 에이전트가 실제로 변경한 내용을 확인하세요.
요소 댓글 또는 표시할 영역 선택하기
특정 제목, 버튼, 이미지 또는 카드에 관한 요청에는 Comment가 유용합니다. 직접 그리거나 여러 요소를 둘러싸거나 스크린샷으로 간격을 설명해야 할 때는 Mark가 유용합니다. Edit는 아티팩트를 직접 변경하고, 피드백은 에이전트에게 변경을 요청합니다.
요소에 댓글 추가하기
- Preview에서 HTML 파일을 열고 Comment를 선택합니다. 캔버스에서 요소를 클릭합니다.
- 요소 레이블과 윤곽선을 확인하여 요청이 올바른 위치를 가리키는지 확인합니다. 원하는 변경 사항과 유지해야 할 세부 정보를 작성합니다. 시각적 참고 자료가 도움이 된다면 이미지를 첨부합니다.
- Comment를 선택해 피드백을 저장하거나 Send to chat을 선택해 에이전트에게 전달합니다. 댓글만 저장해서는 생성 작업이 시작되지 않습니다.
이 강조 단어를 코랄색으로 바꿔 주세요. 기울임꼴 글꼴, 크기 및 위치는 유지하세요.참고 이미지를 첨부했다면 이미지만 포함된 댓글을 저장할 수 있습니다. 의도한 변경 사항이 모호할 수 있다면 짧은 지침을 추가하세요. 전체에 관한 요청은 관련 없는 요소에 첨부하지 말고 댓글 패널에서 파일 수준 댓글을 사용하세요.
저장된 피드백으로 돌아가기
Preview 도구 모음에서 Comments를 열어 저장된 마커를 표시한 다음, 마커를 클릭하여 해당 피드백을 다시 확인합니다. View all comments를 선택해 목록을 엽니다. 에이전트가 처리할 댓글을 선택한 다음 Send to chat을 사용해 한꺼번에 제출합니다. Select all을 선택하면 목록의 모든 댓글이 포함됩니다. 대화 패널이 접혀 있다면 먼저 펼치세요.
파일 수준 댓글은 전체 아티팩트에 적용되고, 요소 댓글에는 위치 정보가 포함됩니다. 대대적인 재설계로 마커의 위치 정보가 사라졌다면 현재 파일을 확인하고 요청을 올바른 요소에 다시 첨부하세요.
- 보내기 전에 선택한 댓글을 검토하세요. Select all을 사용하면 함께 처리하고 싶지 않은 요청까지 포함될 수 있습니다.
- 제공되는 경우 답글 또는 순서 지정 컨트롤을 사용해 피드백을 이해하기 쉽게 유지하세요. 마커의 번호는 캔버스상의 위치를 식별하며, 목록 순서를 바꿔도 해당 마커의 번호가 반드시 다시 매겨지는 것은 아닙니다.
- Send to chat을 사용한 후 요청이 대화에 전달되었는지 확인하고 에이전트의 결과를 기다립니다. 댓글을 저장하거나 선택하는 것만으로는 아티팩트가 변경되지 않습니다. 뷰어에게 댓글 권한은 있어도 에이전트 작업을 시작할 권한은 없을 수 있습니다.
Preview 영역 표시하기
- Preview 도구 모음에서 Mark를 선택합니다. Box select로 영역을 둘러싸거나, Pen으로 자유롭게 표시하거나, Text로 레이블을 추가합니다.
- 짧은 지침을 추가합니다. 상자는 위치를 나타내고 메모는 변경할 내용을 설명합니다. 참고 이미지를 첨부할 수도 있습니다.
- Mark 도구 모음에서 Undo 또는 Redo를 사용해 표시를 수정합니다. 이 모드에서 Cmd/Ctrl+Z는 획을 실행 취소하고, Cmd/Ctrl+Shift+Z는 다시 실행하며, Escape는 모드를 종료합니다.
| 도구 | 피드백을 명확하게 작성하는 방법 |
|---|---|
| Box select | 영향을 받는 영역을 식별할 수 있도록 주변 맥락을 충분히 포함해 둘러쌉니다. |
| Pen | 방향, 간격 또는 경계를 설명하도록 짧은 선이나 윤곽선을 그립니다. 변경할 콘텐츠를 가리지 않도록 하세요. |
| Text | 대상 옆에 짧은 레이블을 추가하고, 정확히 원하는 결과는 작성된 지침으로 설명합니다. |
지금 보내기, 초안에 추가하기 또는 대기열에 넣기
| 작업 | 사용 시점 |
|---|---|
| Send | 지침이 준비되었고 에이전트가 지금 작업하기를 원할 때 |
| Add to input | 맥락을 더 추가하기 전에 스크린샷과 메모를 작성 입력란에 넣고 싶을 때 |
| Queue | 진행 중인 작업 다음에 요청을 처리하도록 예약하고 싶을 때 |
Add to input을 사용한 후 필요하면 대화 창을 펼치고 첨부된 스크린샷과 텍스트를 확인합니다. 메시지를 보내기 전까지는 아무 작업도 실행되지 않습니다. 작업이 이미 실행 중이면 Send는 사용할 수 없지만 초안 또는 대기열 작업은 계속 사용할 수 있습니다.
Queue는 진행 중인 작업 다음에 요청을 배치하며, 변경이 이미 완료되었다는 확인이 아닙니다. 동일한 요청의 다른 버전을 보내기 전에 대화와 보류 중인 대기열을 확인하여 충돌하는 중복 요청을 피하세요. 어떤 경로를 사용하든 제출한 스크린샷만 보고 성공 여부를 판단하지 말고 새로 생성된 아티팩트를 검사하세요.
변경된 아티팩트 검사하기
- 에이전트가 작업을 마칠 때까지 기다린 다음 변경된 파일을 엽니다. Preview에서 결과를 확인합니다.
- 요청한 변경 사항과 유지하도록 요청한 세부 정보를 모두 확인합니다. 동적 페이지라면 보기를 전환하거나 새로고침하여 새 값이 유지되는지 확인하세요.
- 저장된 피드백으로 돌아가 결과와 비교합니다. 새 버전을 확인한 후에만 공유 링크를 업데이트하세요.
스크린샷은 완료된 에이전트 작업이 아니라 저장된 수동 편집을 보여 줍니다. 직접 작성한 피드백을 보낸 후 새 파일을 검사하고 관련 상호작용 테스트를 반복하세요.