Midscene을 사용한 비전 기반 브라우저 자동화. 전적으로 스크린샷으로 작동합니다. DOM이나 접근성 라벨이 필요하지 않습니다. 기술 스택에 관계없이 화면에 보이는 모든 요소와 상호 작용할 수 있습니다. Puppeteer(헤드리스 Chrome)를 통해 각 대상 URL에 대한 새 브라우저 탭을 엽니다. 사용자가 다음을 원할 때 이 기술을 사용하십시오. - 웹페이지 탐색, 탐색 또는 열기 - 웹사이트에서 데이터를 스크랩, 추출 또는 수집합니다. - 양식을 작성하고, 버튼을 클릭하고, 웹 요소와 상호 작용합니다. - 프런트엔드 UI 동작 확인, 검증 또는 테스트 - 웹페이지 스크린샷 찍기 - 다단계 웹 워크플로 자동화 - 브라우저 자동화 실행 또는 웹사이트 콘텐츠 확인 Midscene.js 제공(https://midscenejs.com)
명령줄에서 browser automation AI 스킬을 개발 환경에 빠르게 설치
출처: web-infra-dev/midscene-skills.
CRITICAL RULES — VIOLATIONS WILL BREAK THE WORKFLOW: Never run midscene commands in the background. Each command must run synchronously so you can read its output (especially screenshots) before deciding the next action. Background execution breaks the screenshot-analyze-act loop.
Run only one midscene command at a time. Wait for the previous command to finish, read the screenshot, then decide the next action. Never chain multiple commands together.
Allow enough time for each command to complete. Midscene commands involve AI inference and screen interaction, which can take longer than typical shell commands. A typical command needs about 1 minute; complex act commands may need even longer.
Midscene을 사용한 비전 기반 브라우저 자동화. 전적으로 스크린샷으로 작동합니다. DOM이나 접근성 라벨이 필요하지 않습니다. 기술 스택에 관계없이 화면에 보이는 모든 요소와 상호 작용할 수 있습니다. Puppeteer(헤드리스 Chrome)를 통해 각 대상 URL에 대한 새 브라우저 탭을 엽니다. 사용자가 다음을 원할 때 이 기술을 사용하십시오. - 웹페이지 탐색, 탐색 또는 열기 - 웹사이트에서 데이터를 스크랩, 추출 또는 수집합니다. - 양식을 작성하고, 버튼을 클릭하고, 웹 요소와 상호 작용합니다. - 프런트엔드 UI 동작 확인, 검증 또는 테스트 - 웹페이지 스크린샷 찍기 - 다단계 웹 워크플로 자동화 - 브라우저 자동화 실행 또는 웹사이트 콘텐츠 확인 Midscene.js 제공(https://midscenejs.com) 출처: web-infra-dev/midscene-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/web-infra-dev/midscene-skills --skill browser automationMidscene을 사용한 비전 기반 브라우저 자동화. 전적으로 스크린샷으로 작동합니다. DOM이나 접근성 라벨이 필요하지 않습니다. 기술 스택에 관계없이 화면에 보이는 모든 요소와 상호 작용할 수 있습니다. Puppeteer(헤드리스 Chrome)를 통해 각 대상 URL에 대한 새 브라우저 탭을 엽니다. 사용자가 다음을 원할 때 이 기술을 사용하십시오. - 웹페이지 탐색, 탐색 또는 열기 - 웹사이트에서 데이터를 스크랩, 추출 또는 수집합니다. - 양식을 작성하고, 버튼을 클릭하고, 웹 요소와 상호 작용합니다. - 프런트엔드 UI 동작 확인, 검증 또는 테스트 - 웹페이지 스크린샷 찍기 - 다단계 웹 워크플로 자동화 - 브라우저 자동화 실행 또는 웹사이트 콘텐츠 확인 Midscene.js 제공(https://midscenejs.com) 출처: web-infra-dev/midscene-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/web-infra-dev/midscene-skills --skill browser automation 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/web-infra-dev/midscene-skills