Communitygithub.com

SamuelChien/mega-skills-collection

用於 AI 代理的快速瀏覽器自動化 CLI。當使用者需要與網站互動時使用,包括導航頁面、填寫表單、點擊按鈕、截圖、擷取資料、測試網頁應用程式或自動化任何瀏覽器任務。

mega-skills-collection 是什麼?

這個技能提供一個快速的瀏覽器自動化 CLI,專為 AI 代理設計,基於原生 Rust 實作,並透過 Chrome DevTools Protocol (CDP) 控制 Chrome/Chromium。它利用無障礙樹快照和簡潔的 `@eN` 元素參考,實現可靠的網頁互動。支援多種觸發情境,包括開啟網站、填寫表單、點擊按鈕、截圖、資料抓取、網頁應用程式測試,以及自動化 Electron 桌面應用程式(如 VS Code、Slack、Discord、Figma、Notion、Spotify)。此外,還可用於探索性測試、內部試用、品質保證、錯誤獵捕,以及與 Vercel Sandbox 微 VM 和 AWS Bedrock AgentCore 雲端瀏覽器整合。它相容於任何 AI 代理平台(如 Cursor、Claude Code、Codex、Continue、Windsurf 等),並提供會話管理、驗證保存庫、狀態持久化和影片錄製等進階功能。技能文件指出,在執行任何命令前,應先透過 `agent-browser skills get core` 載入實際的工作流程內容,以確保指令與安裝版本一致,並提供專門的子技能(如 Electron、Slack、探索性測試、Vercel Sandbox、AgentCore)來處理特定任務。一個獨立於瀏覽器會話的觀測儀表板運行在 4848 連接埠,可透過代理 URL 存取,代理應保持在儀表板來源域內以簡化工作流程。

相容平台✓Claude Code✓Codex CLI✓Cursor✓Windsurf
npx skills add https://github.com/SamuelChien/mega-skills-collection/tree/HEAD/agent-browser

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

agent-browser

用於 AI 代理的快速瀏覽器自動化 CLI。透過 CDP 控制 Chrome/Chromium,並使用無障礙樹快照和簡潔的 @eN 元素參考。

安裝:npm i -g agent-browser && agent-browser install

從這裡開始

此檔案是一個探索存根,並非使用指南。在執行任何 agent-browser 命令之前,請先從 CLI 載入實際的工作流程內容:

agent-browser skills get core             # 從這裡開始 — 工作流程、常見模式、疑難排解
agent-browser skills get core --full      # 包含完整的命令參考和範本

CLI 提供的技能內容永遠與安裝版本相符,因此指示絕不會過時。此存根中的內容無法在不同版本之間更改,這就是它僅指向 skills get core 的原因。

專門技能

當任務超出瀏覽器網頁範圍時,請載入專門技能:

agent-browser skills get electron          # Electron 桌面應用程式(VS Code、Slack、Discord、Figma、...)
agent-browser skills get slack             # Slack 工作區自動化
agent-browser skills get dogfood           # 探索性測試 / QA / 錯誤獵捕
agent-browser skills get vercel-sandbox    # Vercel Sandbox 微 VM 中的 agent-browser
agent-browser skills get agentcore         # AWS Bedrock AgentCore 雲端瀏覽器

執行 agent-browser skills list 查看安裝版本中所有可用的技能。

為什麼選擇 agent-browser

  • 快速的原生 Rust CLI,非 Node.js 包裝器
  • 可與任何 AI 代理搭配使用(Cursor、Claude Code、Codex、Continue、Windsurf 等)
  • 透過 CDP 控制 Chrome/Chromium,無需 Playwright 或 Puppeteer 依賴
  • 使用元素參考的無障礙樹快照,實現可靠互動
  • 會話、驗證保存庫、狀態持久化、影片錄製
  • 針對 Electron 應用程式、Slack、探索性測試、雲端提供者的專門技能

觀測儀表板

儀表板獨立於瀏覽器會話運行在連接埠 4848 上,也可以透過代理或轉發的 URL(例如 https://dashboard.agent-browser.localhost)開啟。代理應保持在儀表板來源域內:會話分頁、狀態和串流流量都是內部代理的,因此無需暴露會話連接埠。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

SamuelChien/mega-skills-collection

Security audit, hardening, threat modeling (STRIDE/PASTA), Red/Blue Team, OWASP checks, code review, incident response, and infrastructure security for any project.

SamuelChien/mega-skills-collection

Arquitecto de Soluciones Principal y Consultor Tecnológico de Andru.ia. Diagnostica y traza la hoja de ruta óptima para proyectos de IA en español.

SamuelChien/mega-skills-collection

Ingeniero de Sistemas de Andru.ia. Diseña, redacta y despliega nuevas habilidades (skills) dentro del repositorio siguiendo el Estándar de Diamante.

SamuelChien/mega-skills-collection

Estratega de Inteligencia de Dominio de Andru.ia. Analiza el nicho específico de un proyecto para inyectar conocimientos, regulaciones y estándares únicos del sector. Actívalo tras definir el nicho.

SamuelChien/mega-skills-collection

2D game development principles. Sprites, tilemaps, physics, camera.

SamuelChien/mega-skills-collection

3D game development principles. Rendering, shaders, physics, cameras.

SamuelChien/mega-skills-collection

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.

SamuelChien/mega-skills-collection

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI/CD pipelines.

SamuelChien/mega-skills-collection

Ab Test Analyzer - Auto-activating skill for Data Analytics. Triggers on: ab test analyzer, ab test analyzer Part of the Data Analytics skill category.

SamuelChien/mega-skills-collection

A B Test Config Creator - Auto-activating skill for ML Deployment. Triggers on: a b test config creator, a b test config creator Part of the ML Deployment skill category.

SamuelChien/mega-skills-collection

When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "conversion experiment," "statistical significance," or "test this." For tracking implementation, see analytics-tracking.

SamuelChien/mega-skills-collection

Acceptance Criteria Creator - Auto-activating skill for Enterprise Workflows. Triggers on: acceptance criteria creator, acceptance criteria creator Part of the Enterprise Workflows skill category.

SamuelChien/mega-skills-collection

Use when a coding task should be driven end-to-end from issue intake through implementation, review, deployment, and acceptance verification with minimal human re-intervention.

SamuelChien/mega-skills-collection

Accessibility Audit Runner - Auto-activating skill for Frontend Development. Triggers on: accessibility audit runner, accessibility audit runner Part of the Frontend Development skill category.

SamuelChien/mega-skills-collection

You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.

SamuelChien/mega-skills-collection

Web accessibility patterns for WCAG 2.2 compliance including ARIA, keyboard navigation, screen readers, and testing

SamuelChien/mega-skills-collection

Manage Discord channel access — approve pairings, edit allowlists, set DM/group policy. Use when the user asks to pair, approve someone, check who's allowed, or change policy for the Discord channel.

SamuelChien/mega-skills-collection

Create unified specification packages across Business, Development, and Design teams. Staged elaboration (L0 Vision → L1 Requirements → L2 Team Detail → L3 Acceptance Criteria) to build shared understanding. Does not write code.

SamuelChien/mega-skills-collection

Research a company or person and get actionable sales intel. Works standalone with web search, supercharged when you connect enrichment tools or your CRM. Trigger with "research [company]", "look up [person]", "intel on [prospect]", "who is [name] at [company]", or "tell me about [company]".

SamuelChien/mega-skills-collection

Validate messaging consistency across website, GitHub repos, and local documentation generating read-only discrepancy reports. Use when checking content alignment or finding mixed messaging. Trigger with phrases like "check consistency", "validate documentation", or "audit messaging".

相關技能