동기화
Google Drive를 연결하면 로그인하는 모든 컴퓨터에서 스타일을 사용할 수 있습니다. Stylebot은 30분마다, 그리고 편집 직후에 동기화합니다.
어떤 웹사이트든 내 로.
페이지에서 요소를 가리켜 바꾸거나, 원하는 모습을 말로 설명하세요. CSS는 Stylebot이 작성하고, 사이트를 다시 방문할 때마다 스타일을 불러옵니다.
Chrome에 추가 — 무료입니다Firefox, Edge에서도 사용 가능
harbourpost.example/travel/night-ferry
harbourpost.example
가독성 모드
이 페이지 스타일 지정Alt+Shift+M
The Harbour Post뉴스여행로그인
여행 · 기획
조용히 돌아온 야간 페리
여행객이 속도 대신 선실과 바다 전망, 공항 없는 여정을 택하리라는 데 세 선사가 승부를 걸었다.
MLMarta Linde · 9월 24일 · 6분 읽기
마지막 야간 항로가 끊긴 지 20년, 세 선사가 다시 선실을 바다에 띄우고 있다. 제안은 단순하다. 저녁을 먹고 배에 올라, 자는 동안 바다를 건너고, 눈을 뜨면 다른 나라에 와 있는 것이다.
“시간을 아끼려고 이걸 예약하는 사람은 없어요. 시간을 조금 잃으려고 예약하죠.”
— Ines Varga, 항로 기획자
처음 재개된 노선은 일주일 만에 여름 예약이 모두 찼다. 승객 대부분은 마흔 살 미만이고, 야간 열차나 배를 한 번도 타 본 적 없는 이도 많다. 선사들에 따르면 선실이 가장 먼저 차고, 그다음은 리클라이닝 좌석, 마지막이 갑판이다.
harbourpost.example/기본
기본코드프리셋채팅
1 / 4
사용 방법
- 1아이콘을 클릭하거나 Alt+Shift+M을 누르세요.
- 2클릭해 선택하세요. 각 필드에 현재 스타일이 표시됩니다.
- 3기본 탭의 컨트롤을 쓰거나 CSS를 작성하세요.
- 4같은 사이트에 여러 디자인을 저장하세요.
코딩 에이전트와 함께 쓰세요
Claude Code, Codex, Cursor 등 명령을 실행할 수 있는 에이전트라면 터미널에서 Stylebot을 사용할 수 있습니다.
$ npm install -g @stylebot/cli
CLI 설정하기 →바로 시작할 수 있는 스타일
하나를 복사해 원하는 대로 고치거나, 처음부터 직접 만들어 보세요.
wikipedia.org에서 코드 탭에 붙여넣으세요.
github.com에서 코드 탭에 붙여넣으세요.
nytimes.com에서 코드 탭에 붙여넣으세요.
news.ycombinator.com에서 코드 탭에 붙여넣으세요.
mail.google.com에서 코드 탭에 붙여넣으세요.
그 밖의 모든 기능.
버전 기록
스타일의 모든 변경 사항이 최신순으로 보관됩니다. 항목을 열어 무엇이 바뀌었는지 확인하고 클릭 한 번으로 복원하세요.
프리셋
가독성 모드와 회색조 모드는 어떤 사이트에서든 작동하며, 직접 만든 변경 사항과 함께 적용됩니다.
채팅
코딩 에이전트가 없으신가요? 채팅 탭에서 원하는 변경을 설명하면 Stylebot이 CSS를 작성합니다. Claude, OpenAI, Gemini 키를 직접 연결해 사용하며, 키는 브라우저에만 저장됩니다.
사용자들이 사랑하는 Stylebot
“Thank you for creating this — this tool lets me make inaccessible sites more accessible for me”
“This extension is awesome and I have used it for many years. Good to see it’s getting updates again.”
“Stylebot is one of the first extensions I install on any new build. It massively improves my browsing experience. Thanks.”
Stylebot 설치
2011년부터 무료 오픈 소스입니다. 계정도 추적도 없습니다. 스타일은 브라우저에 저장되고, 코드는 GitHub에 공개되어 있습니다.
코딩 에이전트를 쓰시나요? CLI를 추가하세요:
$ npm install -g @stylebot/cli