Playwright
Playwright의 두 얼굴
해결하는 문제
웹 자동화와 책 조판용 PDF 출력을 따로 배워야 한다고 생각한다.
개발자의 테스트 도구인 Playwright는 ① 웹사이트 자동 조작과 ② HTML을 인쇄 품질 PDF로 뽑는 렌더링 엔진이라는 두 얼굴을 가집니다.
서버 의존도
Node·Python·로컬 AI 서버처럼 브라우저 밖의 실행 환경이 필요합니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것웹사이트 또는 조판한 HTML
브라우저가 하는 일브라우저를 화면 없이 띄워 조작하거나 인쇄
나오는 것수집 결과, 인쇄용 PDF
쓰는 브라우저 기술
Chromium (화면 없이 실행)CSS Paged Media (@page)page.pdf()
라이브러리와 모델
PlaywrightNode.js 또는 Python
바꿀 수 있는 옵션
- 헤드리스 여부
- PDF 크기·여백
- 동영상·캡처 기록
자주 막히는 곳
- Node나 Python 설치가 필요하다
- 사이트 약관과 보안 정책을 넘는 자동화는 금지다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- AI가 만든 HTML 원고를 책 PDF로 자동 조판
웹 서비스
- 정기 보고서 PDF 발행
피지컬 AI
- 키오스크 화면 자동 점검
넓히는 방법
- 카드뉴스·시연 영상 자동 생성
- 책 원고를 인쇄용 PDF로
지원 브라우저
PC 크롬·엣지된다
맥 사파리안 된다
안드로이드 크롬안 된다
아이폰 사파리안 된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
Playwright로 이 HTML 원고를 A4 인쇄용 PDF로 저장하는 스크립트를 만들어줘. 쪽번호와 여백을 CSS @page로 지정해줘.
같은 분류의 능력
06 브라우저 자동화·수집에 속한 다른 능력입니다.
무료로 보는 것
한 줄 설명, 미리보기 영상, 제한형 데모
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md