Communitygithub.com

SamuelChien/mega-skills-collection

AI 에이전트용 브라우저 자동화 CLI입니다. 사용자가 웹사이트와 상호작용해야 할 때, 페이지 탐색, 양식 작성, 버튼 클릭, 스크린샷 촬영, 데이터 추출, 웹 앱 테스트 또는 모든 브라우저 작업 자동화에 사용합니다.

mega-skills-collection란 무엇인가요?

이 기술은 AI 에이전트(예: Cursor, Claude Code, Codex, Continue, Windsurf)가 브라우저 작업을 자동화할 수 있도록 설계된 `agent-browser` CLI 도구입니다. 빠른 네이티브 Rust 기반 CLI로, Chrome/Chromium의 CDP(Chrome DevTools Protocol)를 통해 접근성 트리 스냅샷과 `@eN` 요소 참조를 활용하여 안정적인 상호작용을 제공합니다. Node.js 기반의 Playwright나 Puppeteer에 의존하지 않으며, Electron 데스크톱 앱(VS Code, Slack, Discord 등) 자동화를 위한 특수 기술, Slack 워크스페이스 자동화, 탐색적 테스트, Vercel Sandbox 마이크로VM 내 브라우저 자동화, AWS Bedrock AgentCore 클라우드 브라우저 등을 지원합니다. 또한 세션 관리, 인증 볼트, 상태 유지, 비디오 녹화 기능을 제공하며, `agent-browser skills get core` 명령어로 항상 설치된 버전에 맞는 최신 워크플로우 콘텐츠를 로드할 수 있습니다.

지원 대상✓Claude Code✓Codex CLI✓Cursor✓Windsurf
npx skills add https://github.com/SamuelChien/mega-skills-collection/tree/HEAD/agent-browser

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

agent-browser

AI 에이전트를 위한 빠른 브라우저 자동화 CLI입니다. Chrome/Chromium을 CDP를 통해 제어하며 접근성 트리 스냅샷과 간결한 @eN 요소 참조를 사용합니다.

설치: npm i -g agent-browser && agent-browser install

시작하기

이 파일은 발견용 스텁(stub)일 뿐, 사용 가이드가 아닙니다. 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를 사용해야 하는 이유

  • Node.js 래퍼가 아닌 빠른 네이티브 Rust CLI
  • 모든 AI 에이전트(Cursor, Claude Code, Codex, Continue, Windsurf 등)와 호환
  • Playwright나 Puppeteer 종속성 없이 Chrome/Chromium을 CDP로 제어
  • 안정적인 상호작용을 위한 요소 참조가 포함된 접근성 트리 스냅샷
  • 세션, 인증 볼트, 상태 유지, 비디오 녹화 지원
  • 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".

관련 스킬