갤러리
사이트에서 Stylebot을 열면 갤러리의 인기 스타일을 추천합니다. 페이지에서 미리 본 다음 설치하세요. 마음에 드는 스타일을 만들었다면 팝업이나 편집기에서 해당 스타일의 ⋯ 메뉴로 게시하세요.
어떤 웹사이트든 내 로.
페이지에서 요소를 가리켜 바꾸세요. CSS는 Stylebot이 작성하고, 사이트를 다시 방문할 때마다 스타일을 불러옵니다.
Chrome에 추가Firefox, Safari, Edge에서도 사용 가능
Stylebot은 데스크톱용 Chrome, Firefox, Safari, 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같은 사이트에 여러 디자인을 저장하세요.
코딩 에이전트와 함께 쓰세요
Stylebot에는 CLI가 있어서, 명령을 실행할 수 있는 에이전트라면 사이트 스타일을 바꿀 수 있습니다.
$ npm install -g @stylebot/cli
CLI 설정하기 →그 밖의 모든 기능.
동기화
Google Drive를 연결하면 로그인하는 모든 컴퓨터에서 스타일을 사용할 수 있습니다. Stylebot은 30분마다, 그리고 편집 직후에 동기화합니다.
버전 기록
스타일의 모든 변경 사항이 최신순으로 보관됩니다. 항목을 열어 무엇이 바뀌었는지 확인하고 클릭 한 번으로 복원하세요.
프리셋
가독성 모드와 회색조 모드는 어떤 사이트에서든 작동하며, 직접 만든 변경 사항과 함께 적용됩니다.
사용자들이 사랑하는 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에 공개되어 있습니다.
Safari에서는 macOS 15 이상이 필요합니다.
코딩 에이전트를 쓰시나요? CLI를 추가하세요:
$ npm install -g @stylebot/cli