Design Mode biến trình duyệt của Orca thành một công cụ trỏ-vào-code. Bật lên, click bất kỳ UI element nào trên trang đã render, và element đó rơi thẳng vào chat agent như context phong phú - kèm DOM, computed style, và một screenshot.
Bật lên
Phần tiêu đề “Bật lên”Click toggle Design Mode trên toolbar trình duyệt. Con trỏ của bạn biến thành một picker; hover sẽ highlight element bên dưới nó.
Rơi vào chat
Phần tiêu đề “Rơi vào chat”Click một element. Orca chụp lại:
- HTML của element (outer và một vùng lân cận nhỏ).
- CSS đã tính toán - màu sắc, font, spacing.
- Một screenshot đã crop của element.
- File/dòng nguồn nếu có source map dev-mode.
Tất cả những thứ đó được đưa vào terminal agent đang active như một attachment duy nhất, và bạn gõ điều mình muốn thay đổi.
Dùng kết quả
Phần tiêu đề “Dùng kết quả”Agent sửa source, Orca hot-reload, bạn click lại để xác nhận. Phiên bản chặt chẽ nhất của vòng lặp này là recipe chủ lực Sửa lỗi UI bằng Design Mode.
lượt xem
