browser-automation은(는) 무엇을 하나요?
AI 에이전트가 자동화된 품질 검증을 수행할 수 있도록 하는 브라우저 자동화 기술 모음입니다. 시각적 차이(visual diff), DOM 검증, 스크린샷 캡처, UI 회귀 탐지를 포함하며, Figma-to-HTML 변환도 주요 사용 사례로 다룹니다.
AI 에이전트가 시각적 차이, DOM 검증, 스크린샷 캡처, UI 회귀 탐지 등 자동화된 품질 검증을 수행할 수 있도록 하는 브라우저 자동화 기술 모음입니다. Figma-to-HTML 변환도 주요 사용 사례로 포함됩니다.
이 스킬은 AI 에이전트가 브라우저를 직접 제어하여 웹 페이지의 시각적 회귀 및 DOM 구조 변경을 자동으로 탐지하고 검증할 수 있도록 설계된 브라우저 자동화 도구 모음입니다. 주로 Claude Code, Cursor, Codex와 같은 AI 에이전트 환경에서 실행되며, Puppeteer 또는 Playwright와 같은 헤드리스 브라우저 API를 활용하여 실제 브라우저 렌더링 환경에서 테스트를 수행합니다. 주요 기능으로는 시각적 diff(이미지 기반 비교), DOM 어설션(요소 존재 여부 및 속성 확인), 스크린샷 캡처, UI 회귀 탐지가 포함되어 있으며, Figma 디자인을 HTML로 변환하는 기능도 제공합니다. 개발자는 이 스킬을 통해 수동 테스트 없이도 CI/CD 파이프라인에서 UI 변경 사항을 빠르게 검증할 수 있어, 웹 애플리케이션의 일관된 사용자 경험을 유지하는 데 유용합니다.
npx skills add hixuanxuan/browser-automationInstalled? Explore more 생산성 & 협업 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
AI 에이전트가 자동화된 품질 검증을 수행할 수 있도록 하는 브라우저 자동화 기술 모음입니다. 시각적 차이(visual diff), DOM 검증, 스크린샷 캡처, UI 회귀 탐지를 포함하며, Figma-to-HTML 변환도 주요 사용 사례로 다룹니다.
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.