Memulai
Klik ikon Stylebot di toolbar, lalu Ubah gaya halaman ini. Atau tekan alt+shift+M di tab mana pun, atau klik kanan elemen dan pilih Stylebot → Ubah gaya elemen.
Klik pemilih, arahkan kursor ke halaman, lalu klik elemen. Tekan ↑ sebelum mengklik untuk memilih elemen induknya. Lalu ubah di Dasar, atau tulis CSS di Kode. Perubahan tersimpan saat Anda membuatnya dan diterapkan setiap kali Anda mengunjungi situs itu.
- Font
- Cari di antara 400 Google Fonts dan Stylebot akan memuat font yang Anda pilih, atau ketik nama font apa pun yang terinstal di komputer Anda.
- Posisi editor
- Di Chrome dan Edge, editor terbuka di panel samping. Gunakan Posisi di menu ⋯ editor untuk membukanya di jendela terpisah atau menempelkannya di halaman. Firefox tidak punya panel samping.
- Menonaktifkan gaya
- Gunakan tombol di popup, atau alt+shift+S. Gayanya tetap disimpan, hanya tidak diterapkan.
Profil
Profil adalah stylesheet terpisah untuk situs yang sama, sehingga Anda bisa menyimpan lebih dari satu tampilan dan beralih di antaranya. Hanya satu yang diterapkan dalam satu waktu, dan setiap situs dimulai dengan profil Default.
Klik nama profil di samping nama situs di header editor untuk membuat, mengganti nama, menduplikat, atau menghapus profil. Beralih di antaranya di sana atau di popup, tempat Tanpa gaya menonaktifkan gaya untuk situs itu. Profil baru dimulai dalam keadaan kosong.
Baris perintah
Perintah stylebot memungkinkan agen coding seperti Claude Code, Codex, atau Cursor mengubah tampilan situs langsung di browser Anda, memakai langganan Anda sendiri, bukan kunci API. Inilah cara terbaik meminta agen mengubah gaya situs, dan Anda juga bisa menjalankan perintahnya sendiri.
- Penyiapan
- Instal CLI, hubungkan ke browser Anda, lalu aktifkan Izinkan aplikasi di komputer ini mengontrol Stylebot di Opsi. Halaman baris perintah memandu setiap langkahnya. Untuk saat ini hanya Chrome dan Edge.
- Claude Code
- Tambahkan plugin Stylebot dan minta perubahan dengan
/stylebot, misalnya tema gelap untuk sebuah situs. - Privasi
- Akses baris perintah nonaktif sampai Anda mengaktifkannya. Stylebot dan CLI hanya berkomunikasi satu sama lain, di komputer ini; agen mengirim apa yang dibacanya ke penyedianya sendiri.
Chat
Chat cocok untuk perbaikan cepat. Jelaskan perubahan yang Anda inginkan di tab Chat dan Stylebot yang menulis CSS-nya. Anda bisa memilih elemen untuk menunjuk bagian tertentu, atau melampirkan screenshot untuk memperlihatkan maksud Anda. Untuk perubahan yang lebih besar, seperti tema yang benar-benar baru, gunakan baris perintah.
- Gunakan kunci Anda sendiri
- Hubungkan kunci API Claude, OpenAI, atau Gemini. Kunci hanya disimpan di komputer ini dan tidak pernah disinkronkan. Pesan dikirim langsung dari browser Anda ke penyedia.
- Ke mana perubahan disimpan
- Setiap perubahan langsung diterapkan dan ditambahkan ke stylesheet profil saat ini. Klik Ditambahkan N baris untuk melihatnya di Kode, atau urungkan dari chat.
- Biaya
- Jumlah token di bawah kotak pesan menunjukkan pemakaian percakapan sejauh ini, beserta perkiraan biayanya.
Mode baca dan skala abu-abu
Keduanya ada di tab Preset dan dapat digabungkan dengan perubahan Anda sendiri. Mode baca mengubah artikel di situs menjadi tampilan baca yang bersih, dengan pilihan tema, font, ukuran, dan lebar; halaman yang bukan artikel dibiarkan apa adanya. Skala abu-abu menghilangkan warna dari situs, dengan tingkat yang bisa diatur.
Sinkronisasi, cadangan, dan riwayat
- Sinkronisasi Google Drive
- Hubungkan Google Drive di Opsi. Gaya Anda, termasuk profil, disinkronkan setiap 30 menit dan tepat setelah Anda mengedit. Stylebot hanya melihat file yang dibuatnya di Drive Anda, dan tidak ada server Stylebot.
- Konflik
- Jika sebuah gaya berubah di dua komputer, editan Anda yang lebih baru dipertahankan dan versi lainnya disimpan dalam komentar, jadi tidak ada yang hilang.
- Cadangan
- Ekspor dan impor semua gaya Anda sebagai JSON dari Opsi.
- Riwayat versi
- Setiap perubahan di komputer ini disimpan di Opsi, termasuk yang masuk melalui sinkronisasi. Pulihkan versi sebelumnya mana pun, untuk sebagian situs atau semuanya.
Aturan URL
Secara default, Stylebot mencocokkan gaya dengan situs berdasarkan nama domain. Edit URL gaya di Opsi dan gunakan pola berikut untuk kebutuhan yang lebih spesifik.
**Cocok dengan urutan karakter apa pun.*Cocok dengan urutan karakter apa pun hingga ditemukan /.,Memisahkan daftar pola. URL cocok jika salah satu pola cocok.^Di awal URL, mengubahnya menjadi ekspresi reguler.Contoh
docs.google.com- Domain docs.google.com atau subdomainnya.
docs**- URL apa pun yang diawali docs.
docs*.google.com- docs.google.com, docs1.google.com, docs2.google.com, dan seterusnya.
*.ycombinator.com- news.ycombinator.com dan apps.ycombinator.com.
docs.google.com, spreadsheets.google.com- Salah satu domain, atau subdomainnya.
^http://www.reddit.com/$- Hanya halaman beranda Reddit.
*- Semua situs. Berguna untuk gaya yang ingin Anda terapkan di mana saja.
Pintasan keyboard
Pintasan global berfungsi di halaman mana pun yang bisa diubah gayanya oleh Stylebot; ubah pintasan di setelan pintasan browser, yang ditautkan dari Opsi. Untuk pintasan editor, tekan ? di editor.
Bantuan dan dukungan
Menemukan bug atau punya ide? Buka issue di GitHub. Stylebot gratis dan open source, dikelola sejak 2011. Jika Stylebot bermanfaat bagi Anda, dukung dengan mentraktir saya kopi.