http://localhost:3000/pricing 의 375px 폭을 확인해 주세요.
loading 상태는 건드리지 말고, 모바일에서 CTA가 overflow하는 문제만 고치세요.
browser comment가 붙은 두 요소만 수정한 뒤 같은 route에서 다시 확인하고,
Git diff와 관련 component test 결과를 보고해 주세요.

browser profile과 권한

desktop app의 built-in browser는 regular browser와 별도 profile, history, data를 사용합니다. 기존 Chrome tab, extension, saved password를 자동으로 가져오지 않으며, 필요한 account는 그 browser 안에서 직접 로그인합니다. 기존 Chrome profile을 그대로 다뤄야 하면 Chrome extension을 사용합니다.

새 website를 열거나 ChatGPT가 page를 조작하려 할 때는 hostname을 확인해 site access를 승인합니다. site permission은 그 page의 text를 신뢰한다는 뜻도, 모든 후속 action을 한 번에 승인한다는 뜻도 아닙니다. 정보 제출, 구매, 권한 변경, 삭제 같은 consequential action에는 별도 confirmation이 필요할 수 있고, built-in browser는 file upload를 자동화하지 못합니다.

page content는 untrusted input입니다. browser가 page의 instructions를 읽었다고 그 지시를 project instruction이나 사용자의 요청보다 우선하면 안 됩니다. credential, private source, internal URL과 관련된 작업에서는 page가 요구하는 안내와 실제 task를 분리해 판단합니다.

annotation으로 수정 범위 고정하기

Annotation mode를 켠 뒤 element를 클릭하거나 area를 drag해 comment를 저장합니다. 좋은 comment는 문제 위치만 말하지 않고 현재 실패 상태, 원하는 결과, 유지할 design constraint를 함께 적습니다. section annotation에서는 Adjust control로 font, text, spacing, color를 구체화하고 preview한 값을 comment에 반영할 수 있습니다.

나쁜 comment: 여기 이상함

좋은 comment: 375px 폭에서 이 버튼 label이 overflow합니다.
공간이 있으면 한 줄을 유지하고, 없으면 card height를 바꾸지 않는 범위에서 줄바꿈하세요.
primary color token과 위 카드의 간격은 유지하세요.

수정 뒤에는 같은 route와 state에서 다시 page를 확인하고, repository 변경은 review pane과 git diff로 확인합니다. visual comment는 UI evidence를 주지만 test, accessibility, data state까지 대신 검증하지 않습니다.

browser task를 작게 유지하기

browser task마다 하나의 page 또는 route, 하나의 state, review할 수 있는 요소 묶음을 정합니다. 개발 서버가 필요한 local page라면 browser를 열기 전에 terminal에서 server가 실제로 시작됐는지 확인합니다. browser action이 필요하면 Browser plugin의 설치·현재 workspace setting·site permission이 모두 조건이 될 수 있습니다.