Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Tự động hóa ứng dụng Electron (agent-browser)

Kết nối tới các app desktop Electron như Slack, VS Code, Discord qua Chrome DevTools Protocol để snapshot, click và nhập liệu tự động.

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

Làm được gì

Ứng dụng Electron chạy trên Chromium nên hỗ trợ cờ --remote-debugging-port. Skill này hướng dẫn Claude khai thác điều đó để điều khiển app desktop giống như một trang web.

  • Lệnh khởi chạy kèm remote debugging cho macOS, Linux, Windows
  • Kết nối cổng CDP bằng agent-browser connect
  • snapshot -i liệt kê phần tử tương tác, rồi click/fill theo ref như @e5
  • Chuyển giữa nhiều cửa sổ và <webview> bằng tab, điều khiển nhiều app song song bằng --session
  • Chụp ảnh màn hình, lấy text, xuất trạng thái ra JSON
  • Mục xử lý sự cố: kết nối bị từ chối, không nhập được text, thiếu phần tử

Phù hợp với ai

  • QA/dev cần kiểm thử ứng dụng Electron
  • Người muốn tự động hóa thao tác lặp lại trong Slack, Notion, Linear...
  • Người cần script hóa việc chụp màn hình hoặc trích dữ liệu từ app desktop

Ví dụ sử dụng

  1. "Mở Slack, vào một channel và chụp màn hình" → khởi chạy với cổng 9222, connect, snapshot, click, screenshot
  2. "Điều khiển VS Code và Slack cùng lúc" → dùng --session vscode và --session slack riêng biệt
  3. "Bấm nút trong webview nhúng của app Electron này" → dùng tab để tìm target webview rồi chuyển sang và click

· · · 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/fcakyon/claude-codex-settings/HEAD/plugins/agent-browser/skills/electron/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)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. 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 plugins/agent-browser/skills/electron từ repo GitHub fcakyon/claude-codex-settings vào ~/.claude/skills/electron/ 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/fcakyon/claude-codex-settings.git && mkdir -p ~/.claude/skills && cp -r claude-codex-settings/plugins/agent-browser/skills/electron ~/.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.

  1. Kiểm tra Node.js đã cài: node -v.
  2. Chuẩn bị CLI agent-browser: npm i -g agent-browser hoặc thử npx agent-browser --help.
  3. Clone repo: git clone https://github.com/fcakyon/claude-codex-settings.git
  4. Copy skill: mkdir -p ~/.claude/skills && cp -r claude-codex-settings/plugins/agent-browser/skills/electron ~/.claude/skills/
  5. Khởi động lại Claude Code và thử yêu cầu "tự động hóa app Slack".
  6. Nếu app đang chạy, hãy thoát hoàn toàn rồi mở lại kèm cờ --remote-debugging-port.
Xem mã nguồn trên GitHub ↗Giấy phép: Apache-2.0