Primii pași
Dă clic pe pictograma Stylebot din bara de instrumente, apoi pe Stilizează această pagină. Sau apasă alt+shift+M în orice filă, ori dă clic dreapta pe un element și alege Stylebot → Stilizează elementul.
Dă clic pe selectorul de elemente, treci cu mouse-ul peste pagină și dă clic pe un element. Apasă ↑ înainte de clic ca să selectezi elementul părinte. Apoi modifică-l în Simplu sau scrie CSS în Cod. Modificările se salvează pe măsură ce le faci și se încarcă de fiecare dată când vizitezi site-ul.
- Fonturi
- Caută printre 400 de Google Fonts, iar Stylebot îl încarcă pe cel ales, sau scrie numele oricărui font instalat pe calculator.
- Poziția editorului
- În Chrome și Edge, editorul se deschide în panoul lateral. Folosește Poziție din meniul ⋯ ca să-l deschizi într-o fereastră separată sau să-l andochezi în pagină. Firefox și Safari nu au panou lateral.
- Dezactivarea unui stil
- Folosește comutatorul din fereastra pop-up sau alt+shift+S. Stilul rămâne păstrat, doar că nu se aplică.
Profiluri
Un profil este o foaie de stil separată pentru același site, ca să poți păstra mai multe aspecte și să comuți între ele. Doar unul se aplică la un moment dat, iar fiecare site pornește cu Implicit.
Dă clic pe numele profilului de lângă site, în antetul editorului, ca să creezi, redenumești, duplici sau ștergi profiluri. Comută între ele acolo sau în fereastra pop-up, unde Fără stil dezactivează stilurile pentru site. Profilurile noi pornesc goale.
Presetări
Fila Presetări are două, și ambele se combină cu propriile tale modificări. Lizibilitate transformă articolele unui site într-o vizualizare de citire curată, cu temă, font, mărime și lățime la alegere; paginile care nu sunt articole rămân neatinse. Alb-negru elimină culorile de pe site, cu orice intensitate.
Sincronizare și istoricul versiunilor
- Sincronizare cu Google Drive
- Conectează Google Drive în Opțiuni. Stilurile tale, inclusiv profilurile, se sincronizează la fiecare 30 de minute și imediat după ce faci o modificare. Stylebot vede doar fișierele pe care le creează în Drive și nu există niciun server Stylebot.
- Conflicte
- Dacă un stil s-a schimbat pe două calculatoare, se păstrează modificarea ta mai recentă, iar cealaltă versiune este salvată într-un comentariu, așa că nu se pierde nimic.
- Copie de rezervă
- Exportă și importă toate stilurile ca JSON din Opțiuni.
- Istoricul versiunilor
- Fiecare modificare de pe acest calculator este păstrată în Opțiuni, inclusiv cele care vin prin sincronizare. Restaurează orice versiune anterioară, pentru unele site-uri sau pentru toate.
Galerie
Galeria are stiluri create de alți utilizatori cu Stylebot. Previzualizează unul pe site-ul pentru care a fost făcut, citește-i CSS-ul și instalează-l cu un clic.
- Publicarea unui stil
- Alege Publică în Galerie din meniul ⋯ al unui stil, în fereastra pop-up, sau din meniul ⋯ al editorului și conectează-te cu Google. Modificările tale rămân pe calculator până publici o actualizare.
- Stilurile tale
- Conectează-te în Galerie ca să redenumești sau să ștergi stilurile pe care le-ai publicat și ca să-ți schimbi numele de utilizator.
Reguli URL
În mod implicit, Stylebot asociază stilurile cu site-urile după numele de domeniu. Editează URL-ul unui stil în Opțiuni și folosește aceste modele pentru ceva mai specific.
**Potrivește orice secvență de caractere.*Potrivește orice secvență de caractere până la primul /.,Separă o listă de modele. Un URL se potrivește dacă se potrivește oricare dintre modele.^La începutul unui URL, îl transformă într-o expresie regulată.Exemple
docs.google.com- Domeniul docs.google.com sau oricare dintre subdomeniile sale.
docs**- Orice URL care începe cu docs.
docs*.google.com- docs.google.com, docs1.google.com, docs2.google.com și așa mai departe.
*.ycombinator.com- news.ycombinator.com și apps.ycombinator.com.
docs.google.com, spreadsheets.google.com- Oricare dintre domenii sau oricare dintre subdomeniile lor.
^http://www.reddit.com/$- Doar pagina principală Reddit.
*- Toate site-urile. Util pentru stilurile pe care le vrei peste tot.
CLI
Comanda stylebot îi permite unui agent de programare precum Claude Code, Codex sau Cursor să schimbe stilul site-urilor direct în browserul tău, cu propriul abonament, fără cheie API. Comenzile le poți rula și singur.
- Configurare
- Instalează CLI, conectează-l la browserele tale, apoi activează Permite accesul din linia de comandă în Opțiuni. Pagina despre CLI te ghidează pas cu pas. Deocamdată doar în Chrome și Edge.
- Claude Code
- Adaugă pluginul Stylebot și cere o modificare cu
/stylebot, de exemplu o temă întunecată pentru un site. - Confidențialitate
- Accesul prin CLI este dezactivat până îl activezi. Stylebot și CLI-ul comunică doar între ele, pe acest calculator; un agent trimite ce citește propriului furnizor.
Comenzi rapide
Comenzile rapide globale funcționează pe orice pagină pe care Stylebot o poate stiliza; le schimbi din setările de comenzi rapide ale browserului, la care ajungi din Opțiuni. Pentru comenzile rapide ale editorului, apasă ? în editor.
Ajutor și asistență
Ai găsit o eroare sau ai o idee? Deschide un issue pe GitHub. Stylebot este gratuit și open source, întreținut din 2011. Dacă îți este util, îl poți susține cumpărându-mi o cafea.