dev-browser (Tự động hoá trình duyệt)

Kỹ năng tự động hoá trình duyệt giữ nguyên trạng thái trang, cho phép chạy nhiều script nhỏ để điều hướng, điền form, chụp ảnh và trích xuất dữ liệu web.

Tự động hóaTrung cấp★ 67,531⑂ 5,507Điểm AI 9/10Cập nhật lần cuối: 9 thg 8, 2026

Làm được gì

Chạy một server Playwright giữ các trang được đặt tên tồn tại lâu dài: chạy nhiều script liên tiếp mà vẫn giữ trạng thái đăng nhập, vị trí cuộn.
Hai chế độ: Standalone (mở Chromium mới) và Extension (kết nối vào Chrome thật của bạn để làm việc trên các site đã đăng nhập).
Khi không biết cấu trúc trang, dùng getAISnapshot() để lấy cây accessibility kèm [ref=eN], rồi selectSnapshotRef() để click/nhập.
Có quy tắc rõ ràng về chụp ảnh, chờ tải trang, chờ selector/URL và dump trạng thái để debug sau lỗi.
Với scraping lớn: hướng dẫn bắt và phát lại request mạng thay vì cuộn DOM (references/scraping.md).

Phù hợp với ai

Dev muốn kiểm thử luồng E2E của web app mà không phải click tay.
Người cần tự động hoá thao tác lặp lại trên site yêu cầu đăng nhập (gửi form, tải báo cáo).
Người phải scrape dữ liệu từ trang mà mình không biết HTML.

Ví dụ sử dụng

"Vào example.com, đăng nhập rồi chụp ảnh dashboard" → tạo trang login, điền form, lưu tmp/dashboard.png.
"Kiểm tra luồng thanh toán có chạy hết không" → chạy từng script nhỏ, in URL/title sau mỗi bước để xác nhận.
"Lấy toàn bộ danh sách sản phẩm" → dùng ARIA snapshot để hiểu cấu trúc, bắt request API phân trang rồi gọi lặp để thu dữ liệu.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/code-yeongyu/oh-my-openagent/HEAD/packages/skills-loader-core/src/features/builtin-skills/dev-browser/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)

Tải tệp ZIP bằng nút bên dưới.
Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.

↓ Tải ZIP

Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục packages/skills-loader-core/src/features/builtin-skills/dev-browser từ repo GitHub code-yeongyu/oh-my-openagent vào ~/.claude/skills/code-yeongyu-dev-browser/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/code-yeongyu/oh-my-openagent.git && mkdir -p ~/.claude/skills && cp -r oh-my-openagent/packages/skills-loader-core/src/features/builtin-skills/dev-browser ~/.claude/skills/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

Kiểm tra Node.js (18+) và npm: node -v
Clone repo: git clone https://github.com/code-yeongyu/oh-my-openagent.git
Copy thư mục kỹ năng: mkdir -p ~/.claude/skills && cp -r oh-my-openagent/packages/skills-loader-core/src/features/builtin-skills/dev-browser ~/.claude/skills/
Cài phụ thuộc: cd ~/.claude/skills/dev-browser && npm i (nếu cần: npx playwright install chromium)
Khởi động server: ./server.sh & và đợi dòng Ready.
Muốn dùng Chrome thật: chạy npm run start-extension &, sau đó cài và bật extension từ trang releases.
Khởi động lại Claude Code và yêu cầu kiểu "mở trang ... rồi điền form" để kích hoạt kỹ năng.

Xem mã nguồn trên GitHub ↗Giấy phép: NOASSERTION