참고: Playwright가 CC와 연동 가능한 CLI를 출시함. 토큰 절약에 매우 효과적임.
FIY: Playwrite released a CLI that CC can interact with. Saves a lot of tokens.
핵심 요약
Playwright CLI를 활용해 Claude Code의 웹 테스트 토큰 소모를 획기적으로 줄이는 방법 공유.
- 토큰 절약 — Playwright CLI 연동으로 수동 브라우징 및 스크린샷 토큰 소모 방지
- 테스트 효율성 — 헤드리스 모드 활용으로 버그 탐지 및 패치 속도 향상
- 자동 설치 — Claude에게 GitHub 링크를 제공하여 CLI 및 스킬 자동 설치 가능
- 워크플로우 개선 — 에이전트가 직접 브라우저를 조작하는 대신 CLI를 통해 테스트 수행
본론부터 바로 말할게.
난 그동안 Claude-in-Chrome 스킬을 써서 크롬 익스텐션 테스트를 돌리고 있었거든. 말할 것도 없이 테스트 돌릴 때마다 토큰은 엄청나게 잡아먹고 시간도 오지게 걸리더라.
그래서 콘솔에 직접 접근해서 웹사이트랑 상호작용하는 익스텐션 함수를 실행하게 바꿨어. 이게 테스트할 때 진짜 도움 많이 됐지. 내 경우엔 CC(Claude Code)가 결과 확인하려고 스크린샷 찍을 때마다 7k 토큰씩 날아간다고 하더라고...
토큰 좀 아껴보려고 이것저것 수정도 해보고, 작업이나 세션 새로 시작할 때마다 토큰 아끼는 꼼수도 써봤는데 여전히 토큰 소모가 장난 아니었어.
그러다 오늘, CC가 직접 상호작용할 수 있는 CLI가 최근에 나왔다는 걸 알게 됐어. 이게 무슨 뜻이냐? CC가 이제 웹사이트를 직접 브라우징하거나, 명령어를 "수동"으로 치거나, 스크린샷을 찍어가면서 토큰을 낭비할 필요가 없다는 거지.
웹 테스트를 헤드리스(headless)로 돌릴 수 있게 된 거야. 내 경우는 익스텐션이랑 상호작용해야 해서 탭을 하나 띄워놔야 하긴 하지만.
확실히 토큰 소모량도 엄청나게 줄었고, 버그 찾는 속도나 구현 및 패치 속도도 차원이 다르게 빨라졌어.
CLI랑 Claude 스킬은 깃허브나 공식 홈페이지에서 찾을 수 있어. Claude한테 링크 던져주고 알아서 설치하라고 시키면 진짜 기가 막히게 잘해.
PLAYWRIGHT 내 실수였음
** 세 줄 요약: 크롬/파이어폭스용 익스텐션 개발하고 테스트 중이면, 자동 테스트용 Playwright CLI 꼭 써라. 토큰 엄청 아껴짐 **
