17P by GN⁺ 2일전 | ★ favorite | 댓글 1개
  • 설치 없이 웹 브라우저에서 실행되는 클라이언트 사이드 개발자 도구 모음
  • 각 기능별로 하나의 html로 되어있으며 전체 오픈소스로 공개
  • 코드 포매터, JSON 변환기, 이미지 리사이즈/변환, Hash/UUID/CSS Generator 생성기 등 다양한 기능을 제공하며 모든 처리가 로컬에서 이루어짐
  • CSS·디자인 생성기부터 보안·데이터 변환기까지 폭넓은 범주의 도구를 포함
  • 사용자 데이터가 서버로 전송되지 않아 개인정보 보호에 초점을 맞추어, 별도 설치나 로그인 없이 즉시 활용 가능한 통합 웹 유틸리티 플랫폼

개요

  • Prism.Tools는 웹 기반 독립형 개발자 유틸리티 모음으로, 클라이언트 사이드에서 동작
    • 설치나 계정 등록 없이 브라우저에서 바로 사용 가능
    • 모든 연산이 로컬에서 수행되어 데이터 유출 위험이 없음
  • 주요 기능은 코드 포매팅, 변환, 보안, 디자인 생성 등 다양한 개발 작업 지원

코드 및 데이터 포매팅 도구

  • Code Formatter, JSON Formatter, SQL Formatter 등 다양한 포매터 제공
    • 코드 정렬 및 가독성 향상 지원
  • YAML ↔ JSON 변환기, CURL to Fetch, SVG to JSX, JSON to TypeScript 등 형식 변환 도구 포함
    • JSON에서 TypeScript 인터페이스를 자동 생성
    • CURL 명령을 JavaScript Fetch 코드로 변환

보안 및 생성 도구

  • JWT Decoder로 토큰 디코딩, Password Generator로 안전한 비밀번호 생성
  • Hash Generator는 MD5, SHA-256, SHA-512 해시 생성 지원
  • UUID Generator는 UUID v1/v4 생성 기능 제공
  • Subnet Calculator로 IP 및 네트워크 계산 가능

웹 개발 및 디자인 지원 도구

  • CSS Gradient, CSS Shadow, Clip-path Maker, Glassmorphism Generator 등 시각적 디자인 생성 도구 제공
  • Favicon Generator, Color Converter, CSS Grid Generator 등 웹 UI 구성 요소 제작 지원
  • SVG Editor로 SVG 그래픽 생성 및 편집 가능

콘텐츠 및 텍스트 유틸리티

  • Lorem IpsumRandom Data Generator로 테스트용 텍스트 및 데이터 생성
  • Slug Generator, Meta Tag Generator, Robots.txt Generator로 SEO 및 웹사이트 메타데이터 구성
  • Case Converter, String Escaper, List Sorter, Diff Checker 등 문자열 처리 도구 포함

인코딩 및 변환 도구

  • Base64, URL Encoder, HTML Encoder로 다양한 인코딩·디코딩 지원
  • Timestamp Converter로 Unix 타임스탬프 변환
  • Unit Converter로 단위 변환 기능 제공

기타 개발 편의 도구

  • Git Command Helper로 Git 명령어 검색
  • Regex Tester로 정규식 테스트
  • Markdown Preview로 실시간 마크다운 미리보기
  • Cron Builder로 크론 표현식 생성
  • Image Tools로 이미지 리사이즈 및 변환

특징 및 의의

  • 모든 도구가 클라이언트 사이드에서 실행되어 개인정보 보호 강화
  • 무료로 제공되며, 개발자들이 다양한 작업을 한 곳에서 처리 가능
  • 설치나 로그인 절차 없이 즉시 접근 가능한 통합 개발 유틸리티 허브로 기능함
Hacker News 의견들
  • 프론트엔드 개발에 좀 더 초점을 맞춘 이런 툴 모음은 처음 봄
    참고용으로 내 도구 리스트에 저장해둠
    비슷한 로컬/백엔드/IT 성격의 툴로는 it-tools.tech이 있음
    또 다른 로컬 앱들도 있는데, DevToys는 크로스플랫폼이고 DevUtils는 Mac 전용임
    이런 사이트들을 필요할 때 기억 못 하는 경우가 많아서, 최근엔 oinam/start에서 영감을 받아 HTML 파일로 직접 정리하기 시작했음
    미니멀한 디자인 덕분에 내 개인 지식베이스의 시작 페이지로 쓰기 좋았음
    docbase와 함께 Markdown 기반으로 관리 중임
    링크가 많아 순서가 좀 뒤섞였을 수도 있음

    • 나는 prettydevtoys를 만들었음
      원래 it-tools 레포와 동일하지만 스타일링과 UX를 개선했음
    • 같은 아이디어로 로컬에서 작동하는 networking-toolbox도 있음
    • 좋은 피드백 고맙고, 내 툴 리스트에 추가해줘서 기쁨
    • 저장해줘서 고맙고, 네가 하나라도 써봤다면 내 목표는 달성된 셈임
    • 나는 it-tools를 자주 쓰고 로컬에 설치해둠
      prism.tools가 100% 정적 사이트라 Node가 필요 없다는 점이 마음에 듦
      다만 일부 기능은 제한될 수도 있을 것 같음
  • 이런 툴 모음들을 좋아하지만, 막상 필요할 때 사이트 이름이 잘 기억나지 않음
    그래서 it-tools셀프호스팅해서 쓰고 있음
    비슷한 목적의 Rust CLI 도구 ut도 있음

    • 나도 그래서 이걸 만들었음
      필요할 때마다 못 찾는 게 답답해서, 이제는 모든 툴을 한 페이지에 북마크해둠
      네가 공유한 툴들도 확인해볼 예정임
  • shaders.paper.designmesh gradient가 멋져서 함께 공유하고 싶었음

  • 이런 프로젝트들이 좋지만, 실제로는 필요할 때마다 “json formatter”처럼 바로 구글 검색을 하게 됨
    결국 이런 툴 모음을 기억해두지 못함
    빠르게 검색해서 상위 결과를 클릭하는 게 더 편함

    • 나도 비슷했지만, 요즘은 AI를 많이 활용함
      그래도 이런 잘 만든 툴을 AI와 함께 쓰면 효율이 높아짐
      예를 들어 Prism.Tools를 AI에 커스텀 명령으로 연결해두면, JSON 포맷팅이나 JWT 디코딩 같은 요청에 바로 대응할 수 있음
      앞으로 Grok과 ChatGPT에 적용해볼 예정임
    • 나도 같은 습관이었지만, 구글 상위 결과가 항상 좋은 건 아님
      cobalt.tools처럼 HN에서만 발견되는 고품질 툴도 많음
      이런 툴들을 태그 기반으로 모아 검색할 수 있는 큐레이션 허브가 있으면 좋겠음
    • 나도 그래! 이제는 모든 툴을 한 북마크에 모아두고 있음
  • 대부분의 툴의 문제는 기억하기 어렵다는 점
    예를 들어 CyberChef는 정말 훌륭한 툴인데, 이름이 잘 기억 안 나서 북마크로만 찾음
    이런 툴들은 수익 모델이 없으니 발견성(discoverability) 이 중요함
    기억하기 쉬운 도메인 이름이 큰 차이를 만듦

    • CyberChef는 정말 좋은 툴임
      내 목표 중 하나는 사용자가 원하면 로컬에서도 쓸 수 있게 하는 것이었음
      최신 버전이 필요할 때만 사이트를 방문하면 됨
    • 참고로 그 “dude”는 영국의 GCHQ, 즉 Bletchley Park으로 유명한 기관임
    • 나도 같은 생각임
      북마크는 많지만 Chrome에서는 메타데이터를 잘 관리하기 어려움
      그래서 툴 이름, 설명, 태그를 입력하면 관련 사이트를 보여주는 메타 유틸리티 사이트를 만들어볼까 함
      좋은 .com 도메인도 이미 가지고 있음
    • “그 사람”은 사실 영국 정부의 NSA 버전임
      GCHQ GitHub, 공식 사이트 참고
    • 나도 CyberChef를 언급하려 했음
      GCHQ가 영국의 NSA라는 점에 동의함
  • 이런 툴을 만들어줘서 고맙게 생각함
    단순한 업보트로는 감사를 다 표현하기 어려움

  • 이런 프로젝트를 공개해줘서 고맙고, 웹의 힘과 개인의 열정이 합쳐진 멋진 사례라고 생각함

    • 고맙음! 네가 툴 하나라도 유용하게 쓴다면 내 목표는 달성된 셈임
  • 정말 멋져 보임
    나는 오랫동안 로컬에서 DevToys를 써왔는데, 최근 업데이트 이후 거의 쓸 수 없게 됐음

    • 피드백을 꼭 듣고 싶음
  • > Free
    > Privacy-focused
    > GitHub (Microsoft)
    > Cloudflare
    

    이런 문구를 보면 헷갈림
    거대 기업들이 프라이버시와 자유를 존중하지 않는다는 인식이 있음
    게다가 “No Re-hosting” 조항으로 인해 로컬 호스팅도 제한되는 듯함
    관련 글로 Free Tools 논의공용 CDN 위험성을 참고할 만함
    또한 PRISM Break와 혼동될 수도 있음

    • 여기서 핵심은 ‘public’임
      개인이나 로컬 네트워크에서는 자유롭게 수정·호스팅 가능함
      단, 공개 배포만 금지
      최신 버전은 GitHub에서 계속 제공될 예정임
    • 혹시 정부의 감시 프로그램 PRISM을 떠올릴 수도 있음
      Wikipedia 링크
    • “host”라는 단어 자체가 이미 “다른 사람을 위해 제공”한다는 의미를 내포함
  • 오픈소스로 공개해줘서 고맙지만, 왜 커스텀 라이선스를 썼는지 궁금함
    MIT 라이선스는 안 되는 이유가 있는지 궁금함

    • MIT는 누구나 공개적으로 호스팅할 수 있게 열려 있어서, 제작자가 의도한 통제 범위를 벗어날 수 있음
      그래서 개인·비즈니스용 로컬 사용은 허용하되, 공개 호스팅은 제한하는 형태로 만든 것임