Sửa lỗi UI bằng Design Mode

Design Mode rút gọn vòng lặp “cái nút đó trông sai sai” → “commit đã sửa” xuống dưới một phút.

Các bước

1. Mở pane trình duyệt của worktree. Điều hướng tới trang có bug.
2. Bật Design Mode.
3. Click vào element bị lỗi. Nó rơi vào chat agent như một attachment phong phú.
4. Gõ điều bạn muốn sửa: “padding này quá chật, tăng lên cho khớp với các card ở trên.”
5. Agent sửa source. Hot reload refresh trình duyệt.
6. Click lại element để xác nhận - nếu vẫn sai, lặp lại.
7. Khi đã đúng, commit.

Vì sao nó nhanh

Không screenshot, không săn DOM, không copy selector. Agent nhận được HTML, CSS đã tính toán, và một ảnh đã crop đúng element bạn chỉ vào - cùng context mà một reviewer là người thật cũng sẽ muốn có.

Nguồn

Dịch và biên soạn từ trang Fix a UI bug with Design Mode trong tài liệu chính thức của Orca ADE (onorca.dev).