터미널에서 쓰는 Stylebot

설정하기

1. Stylebot 설치

   Chrome 또는 Edge용입니다. Firefox에서는 아직 명령줄을 사용할 수 없습니다.

   Chrome에 추가Edge에 추가

2. CLI 설치

   Node 20 이상이 필요합니다.

   $ npm install -g @stylebot/cli

3. 브라우저에 연결

   Chrome과 Edge에 CLI를 등록해 Stylebot이 CLI에 연결할 수 있게 합니다.

   $ stylebot install

4. 명령줄 액세스 켜기

   Stylebot 옵션의 일반 페이지에서 이 컴퓨터의 앱이 Stylebot을 제어하도록 허용을 켜고, 브라우저가 요청하는 권한을 허용하세요.

5. Claude Code 플러그인 추가 선택 사항

   Claude Code에서 다음을 실행하세요:

   $ /plugin marketplace add ankit/stylebot
   $ /plugin install stylebot@stylebot

   그런 다음 사용해 보세요:

   $ /stylebot news.ycombinator.com give it a dark theme

명령어

에이전트가 대신 실행하지만 직접 실행할 수도 있습니다. 전체 목록은 stylebot --help로 볼 수 있습니다.

$ stylebot open news.ycombinator.com

현재 창 뒤에 있는 창에서 페이지를 열고 탭 ID를 출력합니다.

$ stylebot outline 54432929

페이지에 보이는 요소를 개요 형태로 출력합니다.

$ stylebot css set news.ycombinator.com < dark.css

CSS를 사이트의 스타일로 저장해 적용하고 페이지를 확인합니다.

$ stylebot screenshot 54432929 -o page.png

탭의 이미지를 저장합니다.

개인정보 보호

명령줄 액세스는 직접 켜기 전까지 꺼져 있습니다. 켜져 있는 동안에는 이 컴퓨터의 앱이 열린 페이지를 읽고, 스크린샷을 찍고, 스타일을 바꿀 수 있습니다. Stylebot 옵션에서 언제든 끌 수 있습니다.

Stylebot과 CLI는 이 컴퓨터 안에서 서로만 통신하며, 외부로는 아무것도 보내지 않습니다. 다만 에이전트는 읽은 내용을 자신의 제공업체로 보냅니다. Claude Code라면 Anthropic으로 보냅니다.