Có gì mới trong 4.0

Trình chỉnh sửa được thiết kế lại, dòng lệnh cho trợ lý lập trình, hồ sơ và bảng bên.

Trình chỉnh sửa được thiết kế lại

Được xây dựng lại từ đầu, giờ đã có chế độ tối.

  • Các nhóm điều khiển hiển thị giá trị sẵn có của trang
  • Tạo bộ chọn tốt hơn, vẫn hoạt động khi trang web cập nhật, kèm các bộ chọn khác để bạn chọn
  • Cho biết khi giá trị bị quy tắc khác ghi đè
  • Bảng màu và công cụ hút màu
  • Di chuột lên màu hoặc phông chữ để xem trước trên trang
  • Chỉnh sửa trực tiếp mọi thuộc tính CSS khác trong mục Thêm thuộc tính
  • Hỗ trợ hoàn tác
Thẻ Cơ bản được thiết kế lại, đang tạo kiểu cho Hacker News với hồ sơ NewspaperThẻ Cơ bản được thiết kế lại, đang tạo kiểu cho Hacker News với hồ sơ Newspaper

Stylebot từ terminal

Điều khiển Stylebot từ dòng lệnh, hoặc giao việc đó cho trợ lý lập trình như Claude Code, Codex hay Cursor. Trợ lý đổ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.

$ npm install -g @stylebot/cli
Thiết lập CLI →

Dành cho Chrome hoặc Edge. Dòng lệnh chưa hoạt động trên Firefox.


Cửa sổ bật lên trên trang web có hai hồ sơ, Dracula và GruvboxCửa sổ bật lên trên trang web có hai hồ sơ, Dracula và Gruvbox

Hồ sơ

Lưu nhiều giao diện cho mỗi trang web và chuyển đổi giữa chúng từ trình chỉnh sửa hoặc cửa sổ bật lên.

Menu của trình chỉnh sửa, với Vị trí đặt là bảng bênMenu của trình chỉnh sửa, với Vị trí đặt là bảng bên

Bảng bên, hoặc cửa sổ riêng

Trong Chrome và Edge, trình chỉnh sửa mở trong bảng bên. Bạn cũng có thể tách trình chỉnh sửa ra cửa sổ riêng, từ Vị trí trong menu ⋯ của trình chỉnh sửa.

Lịch sử phiên bản trong Tùy chọn, thay đổi mới nhất ở trên cùngLịch sử phiên bản trong Tùy chọn, thay đổi mới nhất ở trên cùng

Lịch sử phiên bản

Mọi thay đổi đều được lưu lại, và bạn có thể khôi phục bất kỳ phiên bản trước nào.

Tùy chọn, đã kết nối và đồng bộ với Google DriveTùy chọn, đã kết nối và đồng bộ với Google Drive

Đồng bộ

Đồng bộ Google Drive ổn định hơn. Thay đổi từ các máy tính khác nhau được gộp lại, nên không mất gì cả. Stylebot tự đồng bộ 30 phút một lần và ngay sau khi bạn chỉnh sửa.

Thẻ Trò chuyện gợi ý giao diện cho trang: Ấm cúng, Tĩnh lặng và Chỉ liên kết có màuThẻ Trò chuyện gợi ý giao diện cho trang: Ấm cúng, Tĩnh lặng và Chỉ liên kết có màu

Trò chuyện

Không dùng trợ lý lập trình? Mô tả điều bạn muốn, hoặc chọn giao diện được gợi ý, và Stylebot sẽ viết CSS. Dùng khóa Claude, OpenAI hoặc Gemini của riêng bạn.

Và hơn thế nữa

  • stylebot.dev mới
  • Biểu tượng Stylebot mới
  • Kiểu giờ được áp dụng cả bên trong shadow DOM, nên hoạt động trên các trang web xây dựng bằng web component
  • Phím tắt của Stylebot giờ nằm trong cài đặt phím tắt của trình duyệt. Trong Chrome và Edge, những phím tắt bạn từng thay đổi đã trở về mặc định, nên hãy đặt lại tại đó.
  • Stylebot giờ đã có tiếng Việt

Cùng rất nhiều bản sửa lỗi