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 nu are 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.
Linia de comandă
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. Este cel mai bun mod de a lăsa un agent să stilizeze un site, iar comenzile le poți rula și singur.
- Configurare
- Instalează CLI, conectează-l la browserele tale, apoi activează Permite aplicațiilor de pe acest computer să controleze Stylebot în Opțiuni. Pagina despre linia de comandă 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 din linia de comandă 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.
Chat
Fila Chat e ideală pentru remedieri rapide. Descrie acolo modificarea pe care o vrei, iar Stylebot scrie CSS-ul. Poți alege un element ca să arăți spre ceva anume sau poți atașa o captură de ecran ca să arăți ce ai în minte. Pentru modificări mai mari, cum ar fi o temă complet nouă, folosește linia de comandă.
- Folosește propria cheie
- Conectează o cheie API Claude, OpenAI sau Gemini. Cheile sunt salvate doar pe acest calculator și nu sunt sincronizate niciodată. Mesajele merg direct din browser la furnizor.
- Unde ajung modificările
- Fiecare modificare se aplică imediat și se adaugă în foaia de stil a profilului curent. Dă clic pe N linii adăugate ca s-o vezi în Cod sau anuleaz-o din chat.
- Cost
- Numărul de tokenuri de sub caseta de mesaj arată cât a folosit conversația, cu un cost estimat.
Lizibilitate și alb-negru
Ambele sunt în fila Presetări și 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, copii de rezervă și istoric
- 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.
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.
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.