Bắt đầu
Nhấp vào biểu tượng Stylebot trên thanh công cụ, rồi chọn Tạo kiểu cho trang này. Hoặc nhấn alt+shift+M trên thẻ bất kỳ, hay nhấp chuột phải vào phần tử và chọn Stylebot → Tạo kiểu phần tử.
Nhấp vào công cụ chọn, di chuột trên trang rồi nhấp vào phần tử. Nhấn ↑ trước khi nhấp để chọn phần tử cha. Sau đó chỉnh sửa trong Cơ bản, hoặc viết CSS trong Mã. Thay đổi được lưu ngay khi bạn thực hiện và được áp dụng mỗi lần bạn truy cập trang web.
- Phông chữ
- Tìm trong 400 phông Google Fonts và Stylebot sẽ tải phông bạn chọn, hoặc nhập tên phông bất kỳ đã cài trên máy tính của bạn.
- Vị trí trình chỉnh sửa
- Trong Chrome và Edge, trình chỉnh sửa mở trong bảng bên. Dùng Vị trí trong menu ⋯ để mở trình chỉnh sửa trong cửa sổ riêng hoặc gắn vào trang. Firefox không có bảng bên.
- Tắt kiểu
- Dùng công tắc trong cửa sổ bật lên, hoặc nhấn alt+shift+S. Kiểu vẫn được giữ, chỉ không được áp dụng.
Hồ sơ
Hồ sơ là bảng kiểu riêng cho cùng một trang web, để bạn giữ nhiều giao diện và chuyển đổi giữa chúng. Mỗi lúc chỉ áp dụng một hồ sơ, và mọi trang web đều bắt đầu với hồ sơ Mặc định.
Nhấp vào tên hồ sơ cạnh tên trang web ở đầu trình chỉnh sửa để tạo, đổi tên, nhân bản hoặc xóa hồ sơ. Chuyển đổi giữa các hồ sơ tại đó hoặc trong cửa sổ bật lên, nơi Không dùng kiểu tắt kiểu cho trang web. Hồ sơ mới bắt đầu trống.
Dòng lệnh
Lệnh stylebot cho phép trợ lý lập trình như Claude Code, Codex hay Cursor đổi giao diện trang web ngay trong trình duyệt của bạn, dùng gói đăng ký của bạn thay vì khóa API. Đây là cách tốt nhất để nhờ trợ lý tạo kiểu cho trang web, và bạn cũng có thể tự chạy các lệnh.
- Thiết lập
- Cài đặt CLI, kết nối CLI với trình duyệt, rồi bật Cho phép ứng dụng trên máy tính này điều khiển Stylebot trong Tùy chọn. Trang dòng lệnh hướng dẫn từng bước. Hiện chỉ hỗ trợ Chrome và Edge.
- Claude Code
- Thêm plugin Stylebot rồi yêu cầu thay đổi bằng
/stylebot, chẳng hạn giao diện tối cho trang web. - Quyền riêng tư
- Quyền truy cập dòng lệnh ở trạng thái tắt cho đến khi bạn bật. Stylebot và CLI chỉ giao tiếp với nhau, trên máy tính này; trợ lý lập trình gửi những gì đọc được đến nhà cung cấp của mình.
Trò chuyện
Thẻ Trò chuyện rất hợp cho những chỉnh sửa nhanh. Mô tả thay đổi bạn muốn tại đây và Stylebot sẽ viết CSS. Bạn có thể chọn phần tử để chỉ rõ chỗ cần sửa, hoặc đính kèm ảnh chụp màn hình để minh họa ý bạn. Với thay đổi lớn hơn, như cả giao diện mới, hãy dùng dòng lệnh.
- Dùng khóa của riêng bạn
- Kết nối khóa API của Claude, OpenAI hoặc Gemini. Khóa chỉ được lưu trên máy tính này và không bao giờ được đồng bộ. Tin nhắn đi thẳng từ trình duyệt của bạn đến nhà cung cấp.
- Thay đổi được lưu ở đâu
- Mỗi thay đổi được áp dụng ngay và thêm vào bảng kiểu của hồ sơ hiện tại. Nhấp Đã thêm N dòng để xem trong thẻ Mã, hoặc hoàn tác ngay trong cuộc trò chuyện.
- Chi phí
- Số token bên dưới ô tin nhắn cho biết cuộc trò chuyện đã dùng bao nhiêu, kèm chi phí ước tính.
Chế độ đọc và thang độ xám
Cả hai đều nằm trong thẻ Mẫu có sẵn và kết hợp được với thay đổi của riêng bạn. Chế độ đọc biến bài viết trên trang web thành chế độ đọc gọn gàng, với giao diện, phông chữ, cỡ chữ và chiều rộng tùy chọn; những trang không phải bài viết được giữ nguyên. Thang độ xám loại bỏ màu sắc khỏi trang web, ở mức độ tùy chọn.
Đồng bộ, sao lưu và lịch sử
- Đồng bộ Google Drive
- Kết nối Google Drive trong Tùy chọn. Các kiểu của bạn, kể cả hồ sơ, được đồng bộ 30 phút một lần và ngay sau khi bạn chỉnh sửa. Stylebot chỉ thấy các tệp do chính Stylebot tạo trong Drive của bạn, và Stylebot không có máy chủ.
- Xung đột
- Nếu một kiểu được sửa trên hai máy tính, bản sửa mới hơn của bạn được giữ lại, còn phiên bản kia được lưu trong chú thích, nên không mất gì cả.
- Sao lưu
- Xuất và nhập tất cả kiểu của bạn dưới dạng JSON trong Tùy chọn.
- Lịch sử phiên bản
- Mọi thay đổi trên máy tính này được lưu trong Tùy chọn, kể cả những thay đổi đến qua đồng bộ. Khôi phục bất kỳ phiên bản trước nào, cho một vài trang web hoặc tất cả.
Quy tắc URL
Theo mặc định, Stylebot khớp kiểu với trang web theo tên miền. Sửa URL của kiểu trong Tùy chọn và dùng các mẫu sau cho những trường hợp cụ thể hơn.
**Khớp với chuỗi ký tự bất kỳ.*Khớp với chuỗi ký tự bất kỳ cho đến khi gặp dấu /.,Phân tách danh sách mẫu. URL khớp nếu bất kỳ mẫu nào khớp.^Đặt ở đầu URL để biến URL thành biểu thức chính quy.Ví dụ
docs.google.com- Tên miền docs.google.com hoặc bất kỳ tên miền con nào của tên miền này.
docs**- URL bất kỳ bắt đầu bằng docs.
docs*.google.com- docs.google.com, docs1.google.com, docs2.google.com, v.v.
*.ycombinator.com- news.ycombinator.com và apps.ycombinator.com.
docs.google.com, spreadsheets.google.com- Một trong hai tên miền, hoặc bất kỳ tên miền con nào của chúng.
^http://www.reddit.com/$- Chỉ trang chủ Reddit.
*- Mọi trang web. Hữu ích cho những kiểu bạn muốn áp dụng ở khắp nơi.
Phím tắt
Phím tắt toàn cục hoạt động trên mọi trang mà Stylebot có thể tạo kiểu; đổi phím tắt trong cài đặt phím tắt của trình duyệt, có liên kết từ Tùy chọn. Để xem phím tắt riêng của trình chỉnh sửa, nhấn ? trong trình chỉnh sửa.
Trợ giúp và hỗ trợ
Bạn phát hiện lỗi hoặc có ý tưởng? Hãy mở issue trên GitHub. Stylebot miễn phí, mã nguồn mở và được duy trì từ năm 2011. Nếu thấy Stylebot hữu ích, bạn có thể ủng hộ bằng cách mời tôi ly cà phê.