22 điểm bởi GN⁺ 2026-01-08 | 1 bình luận | Chia sẻ qua WhatsApp
  • Bộ công cụ dành cho nhà phát triển chạy phía client hoạt động ngay trên trình duyệt web mà không cần cài đặt
  • Mỗi tính năng là một file HTML riêng và toàn bộ được công khai dưới dạng mã nguồn mở
  • Cung cấp nhiều tính năng như trình định dạng mã, trình chuyển đổi JSON, thay đổi kích thước/chuyển đổi hình ảnh, trình tạo Hash/UUID/CSS; mọi xử lý đều diễn ra cục bộ
  • Bao gồm nhiều nhóm công cụ, từ trình tạo CSS·thiết kế đến công cụ bảo mật·chuyển đổi dữ liệu
  • Tập trung vào bảo vệ quyền riêng tư vì dữ liệu người dùng không được gửi lên máy chủ, là một nền tảng tiện ích web tích hợp có thể dùng ngay mà không cần cài đặt hay đăng nhập riêng

Tổng quan

  • Prism.Tools là bộ tiện ích độc lập cho nhà phát triển trên nền web, hoạt động ở phía client
    • Có thể dùng ngay trên trình duyệt mà không cần cài đặt hay đăng ký tài khoản
    • Mọi phép xử lý đều được thực hiện cục bộ nên không có rủi ro rò rỉ dữ liệu
  • Các tính năng chính hỗ trợ nhiều tác vụ phát triển khác nhau như định dạng mã, chuyển đổi, bảo mật, tạo thiết kế

Công cụ định dạng mã và dữ liệu

  • Cung cấp nhiều trình định dạng như Code Formatter, JSON Formatter, SQL Formatter
    • Hỗ trợ căn chỉnh mã và cải thiện khả năng đọc
  • Bao gồm các công cụ chuyển đổi định dạng như YAML ↔ JSON Converter, CURL to Fetch, SVG to JSX, JSON to TypeScript
    • Tự động tạo interface TypeScript từ JSON
    • Chuyển lệnh CURL thành mã JavaScript Fetch

Công cụ bảo mật và tạo sinh

  • JWT Decoder dùng để giải mã token, Password Generator dùng để tạo mật khẩu an toàn
  • Hash Generator hỗ trợ tạo hash MD5, SHA-256, SHA-512
  • UUID Generator cung cấp chức năng tạo UUID v1/v4
  • Có thể tính toán IP và mạng với Subnet Calculator

Công cụ hỗ trợ phát triển web và thiết kế

  • Cung cấp các công cụ tạo thiết kế trực quan như CSS Gradient, CSS Shadow, Clip-path Maker, Glassmorphism Generator
  • Hỗ trợ tạo các thành phần UI web như Favicon Generator, Color Converter, CSS Grid Generator
  • Có thể tạo và chỉnh sửa đồ họa SVG bằng SVG Editor

Tiện ích nội dung và văn bản

  • Tạo văn bản và dữ liệu thử nghiệm bằng Lorem IpsumRandom Data Generator
  • Cấu hình SEO và metadata website với Slug Generator, Meta Tag Generator, Robots.txt Generator
  • Bao gồm các công cụ xử lý chuỗi như Case Converter, String Escaper, List Sorter, Diff Checker

Công cụ mã hóa và chuyển đổi

  • Hỗ trợ nhiều dạng mã hóa·giải mã với Base64, URL Encoder, HTML Encoder
  • Chuyển đổi Unix timestamp bằng Timestamp Converter
  • Cung cấp chức năng chuyển đổi đơn vị với Unit Converter

Các công cụ tiện ích phát triển khác

  • Tra cứu lệnh Git với Git Command Helper
  • Kiểm thử biểu thức chính quy với Regex Tester
  • Xem trước Markdown theo thời gian thực với Markdown Preview
  • Tạo biểu thức cron với Cron Builder
  • Thay đổi kích thước và chuyển đổi hình ảnh với Image Tools

Đặc điểm và ý nghĩa

  • Tất cả công cụ đều chạy ở phía client, tăng cường bảo vệ quyền riêng tư
  • Được cung cấp miễn phí, cho phép nhà phát triển xử lý nhiều công việc tại một nơi
  • Hoạt động như một trung tâm tiện ích phát triển tích hợp có thể truy cập ngay mà không cần cài đặt hay đăng nhập

1 bình luận

 
GN⁺ 2026-01-08
Ý kiến trên Hacker News
  • Đây là lần đầu tiên tôi thấy một bộ sưu tập công cụ kiểu này tập trung nhiều hơn vào phát triển frontend
    Tôi đã lưu nó vào danh sách công cụ của mình để tham khảo
    Một công cụ tương tự theo hướng local/backend/IT là it-tools.tech
    Ngoài ra còn có các ứng dụng local khác, DevToys là đa nền tảng còn DevUtils chỉ dành cho Mac
    Tôi thường không nhớ ra các trang như thế này khi cần, nên gần đây đã bắt đầu tự tổng hợp thành file HTML, lấy cảm hứng từ oinam/start
    Nhờ thiết kế tối giản, nó rất phù hợp để dùng làm trang khởi đầu cho kho kiến thức cá nhân của tôi
    Tôi đang quản lý nó cùng với docbase theo dạng Markdown
    Có thể thứ tự link hơi lộn xộn vì có khá nhiều link

    • Tôi đã tạo prettydevtoys
      Về cơ bản nó giống repo it-tools gốc nhưng có cải thiện về styling và UX
    • Cùng ý tưởng đó còn có networking-toolbox chạy local
    • Cảm ơn phản hồi tích cực, rất vui vì bạn đã thêm nó vào danh sách công cụ của mình
    • Cảm ơn vì đã lưu lại, nếu bạn dùng được dù chỉ một công cụ thì coi như mục tiêu của tôi đã đạt được
    • Tôi dùng it-tools khá thường xuyên và có cài local
      Tôi thích việc prism.tools là một trang tĩnh 100%, nên không cần Node
      Tuy vậy có vẻ một số tính năng có thể sẽ bị giới hạn
  • Tôi thích các bộ công cụ như thế này, nhưng đến lúc cần thì lại chẳng nhớ tên trang
    Vì vậy tôi đang tự host it-tools để dùng
    Cũng có công cụ Rust CLI ut với mục đích tương tự

    • Tôi cũng vì thế mà làm cái này
      Mỗi lần cần mà không tìm thấy thật bực, nên giờ tôi bookmark tất cả công cụ trên một trang
      Tôi cũng sẽ xem qua những công cụ bạn vừa chia sẻ
  • Tôi thấy mesh gradient của shaders.paper.design rất đẹp nên muốn chia sẻ cùng

  • Tôi thích các dự án kiểu này, nhưng thực tế là mỗi khi cần tôi lại lên Google tìm thẳng kiểu “json formatter”
    Cuối cùng vẫn không nhớ nổi các bộ công cụ này
    Tìm nhanh rồi bấm vào kết quả đầu thường tiện hơn

    • Tôi cũng từng như vậy, nhưng dạo này dùng AI khá nhiều
      Dù thế, các công cụ được làm tốt như thế này vẫn rất hiệu quả khi dùng cùng AI
      Ví dụ, nếu nối Prism.Tools vào AI bằng lệnh tùy chỉnh, bạn có thể xử lý ngay các yêu cầu như format JSON hay giải mã JWT
      Tôi định sẽ thử áp dụng với Grok và ChatGPT
    • Tôi cũng từng có thói quen đó, nhưng kết quả đầu trên Google không phải lúc nào cũng tốt
      Có nhiều công cụ chất lượng cao như cobalt.tools mà tôi chỉ tình cờ biết được trên HN
      Sẽ rất hay nếu có một hub tuyển chọn cho phép gom và tìm các công cụ này theo tag
    • Tôi cũng vậy! Giờ tôi gom tất cả công cụ vào một bookmark duy nhất
  • Vấn đề của hầu hết các công cụ là khó nhớ
    Chẳng hạn CyberChef là một công cụ tuyệt vời, nhưng tôi không nhớ nổi tên nên toàn phải tìm bằng bookmark
    Các công cụ kiểu này không có mô hình kiếm tiền, nên khả năng được tìm thấy (discoverability) rất quan trọng
    Một tên miền dễ nhớ tạo ra khác biệt rất lớn

    • CyberChef đúng là một công cụ rất tốt
      Một trong các mục tiêu của tôi là để người dùng có thể dùng local nếu muốn
      Chỉ cần vào trang khi bạn muốn lấy phiên bản mới nhất
    • Nhân tiện, “dude” đó là GCHQ của Anh, tức cơ quan nổi tiếng với Bletchley Park
    • Tôi cũng nghĩ vậy
      Tôi có rất nhiều bookmark nhưng trên Chrome thì khá khó quản lý metadata
      Nên tôi đang nghĩ đến việc làm một trang meta-utility: nhập tên công cụ, mô tả, tag rồi nó sẽ gợi ra các trang phù hợp
      Tôi thậm chí đã có sẵn một tên miền .com đẹp cho nó
    • “Người đó” thực ra là phiên bản NSA của chính phủ Anh
      Xem GCHQ GitHub, trang chính thức
    • Tôi cũng định nhắc đến CyberChef
      Tôi đồng ý rằng GCHQ là NSA phiên bản Anh
  • Cảm ơn vì đã làm ra công cụ này
    Chỉ một upvote thôi thì không đủ để thể hiện sự cảm kích của tôi

  • Cảm ơn vì đã công khai dự án này, tôi nghĩ đây là một ví dụ tuyệt vời cho sức mạnh của web và đam mê cá nhân

    • Cảm ơn! Nếu bạn thấy dù chỉ một công cụ hữu ích thì coi như mục tiêu của tôi đã hoàn thành
  • Trông thật tuyệt
    Tôi đã dùng DevToys local trong thời gian dài, nhưng sau bản cập nhật gần đây thì gần như không dùng được nữa

    • Tôi rất muốn nghe phản hồi chi tiết
  • > Free
    > Privacy-focused
    > GitHub (Microsoft)
    > Cloudflare
    

    Nhìn những dòng này tôi thấy khá mâu thuẫn
    Có nhận thức rằng các tập đoàn lớn không tôn trọng quyền riêng tư và sự tự do
    Thêm nữa, điều khoản “No Re-hosting” dường như cũng hạn chế cả việc host local
    Có thể tham khảo thảo luận về Free Toolsrủi ro của CDN công cộng
    Ngoài ra còn có thể bị nhầm với PRISM Break

    • Từ khóa ở đây là ‘public’
      Bạn hoàn toàn có thể tự do sửa đổi và host trong mạng cá nhân hoặc local
      Chỉ phân phối công khai là bị cấm
      Phiên bản mới nhất vẫn sẽ tiếp tục được cung cấp trên GitHub
    • Cũng có thể ai đó sẽ liên tưởng đến chương trình giám sát PRISM của chính phủ
      Wikipedia link
    • Bản thân từ “host” đã hàm ý là “cung cấp cho người khác” rồi
  • Cảm ơn vì đã phát hành mã nguồn mở, nhưng tôi tò mò vì sao lại dùng giấy phép tùy chỉnh
    Không dùng MIT là vì có lý do gì sao?

    • MIT cho phép bất kỳ ai cũng có thể host công khai, điều đó vượt ra ngoài phạm vi kiểm soát mà tác giả mong muốn
      Vì thế mới chọn cách cho phép dùng local cho cá nhân và doanh nghiệp, nhưng hạn chế việc host công khai