aghyad97/browserytools
요약
Next.js와 Transformers.js를 활용하여 서버 없이 브라우저 내에서 실행되는 136개 이상의 도구 모음입니다. 온디바이스 AI를 통해 이미지 업스케일링, 배경 제거, 캡셔닝 등 다양한 기능을 제공합니다.
핵심 포인트
- Transformers.js 기반의 온디바이스 AI 기능 구현
- 서버, 업로드, 계정이 필요 없는 완전한 브라우저 실행 환경
- Next.js, TypeScript, Tailwind CSS 기술 스택 사용
- 이미지 처리, 변환, AI 분석 등 136개 이상의 도구 포함
Next.js, TypeScript, 그리고 Tailwind CSS로 구축된 136개 이상의 브라우저 기반 도구 (browser-based tools) 종합 컬렉션입니다. 모든 도구는 브라우저 내에서 완전히 실행됩니다 — 업로드, 서버, 계정이 필요하지 않습니다. Transformers.js를 통해 구동되는 온디바이스 AI 도구(전사 (transcription), 번역 (translation), 요약 (summarization), 이미지 업스케일링 (image upscaling) 등)가 포함되어 있습니다.
- 주요 기능 (Features)
- 기술 스택 (Tech Stack)
- 지원 언어 (Supported Languages)
- 전제 조건 (Prerequisites)
- 시작하기 (Getting Started)
- 테스트 실행 (Running Tests)
- 프로젝트 구조 (Project Structure)
- 기여하기 (Contributing)
- 기여자 (Contributors)
- 활동 (Activity)
- 이슈 보고 (Reporting Issues)
- 프로젝트 후원 (Supporting the Project)
- 스타 히스토리 (Star History)
- 라이선스 (License)
- 연락처 (Contact)
배경 제거 (Background Removal): AI를 사용하여 이미지에서 배경을 즉시 제거합니다.
폰 목업 (Phone Mockups): 스크린샷을 iPhone/Android 기기 프레임에 배치합니다.
이미지 압축 (Image Compression): 품질을 유지하면서 파일 크기를 줄이기 위해 이미지를 압축합니다.
포맷 변환기 (Format Converter): JPG, PNG, WebP, GIF, BMP, TIFF, SVG와 같은 다양한 포맷 간에 이미지를 변환합니다.
색상 교정 (Color Correction): 이미지의 색상, 밝기, 대비, 채도 및 색조를 조정합니다.
SVG 도구 (SVG Tools): SVG 벡터 그래픽을 편집하고 조작합니다.
SVG to PNG: SVG 벡터 파일을 PNG 이미지로 변환합니다.
사진 검열 (Photo Censor): 흐림 (blur), 픽셀화 (pixelate) 또는 블랙박스 검열을 통해 이미지의 민감한 부분을 가립니다.
스크린샷 뷰티파이어 (Screenshot Beautifier): 평범한 스크린샷을 아름다운 이미지로 바꿉니다.
밈 생성기 (Meme Generator): 온라인에서 무료로 밈을 만듭니다.
사진 콜라주 (Photo Collage): 그리드, 스트립, 모자이크 레이아웃을 사용하여 여러 사진을 콜라주로 결합합니다.
이미지 컬러 피커 (Image Color Picker): 이미지에서 원하는 색상을 선택합니다.
EXIF 제거기 (EXIF Remover): 사진을 공유하기 전에 GPS 위치, 카메라 모델, 타임스탬프와 같은 EXIF 메타데이터를 제거합니다.
ASCII 아트 생성기 (ASCII Art Generator): 브라우저에서 모든 이미지를 ASCII 아트로 변환합니다.
이미지 업스케일러 (Image Upscaler): 온디바이스 AI 초해상도 (super-resolution) 모델을 사용하여 이미지를 2배로 업스케일링하고 향상시킵니다.
이미지 캡셔너 (Image Captioner): 온디바이스 AI 모델을 사용하여 모든 이미지에 대한 설명적인 캡션과 즉시 사용 가능한 대체 텍스트 (alt text)를 생성합니다.
깊이 지도 생성기 (Depth Map Generator): 온디바이스 AI 모델을 사용하여 모든 이미지로부터 깊이 지도 (depth map)를 생성합니다.
객체 누끼 따기 (Object Cutout): 이미지에서 모든 객체를 잘라냅니다...
Segment Anything (SAM) AI 모델을 사용하여 브라우저에서 클릭 한 번으로 이미지를 잘라냅니다.이미지 크기 조정기 (Image Resizer): 이미지를 정확한 치수나 백분율로 크기를 조정합니다.색맹 시뮬레이터 (Color Blindness Simulator): 적색맹 (deuteranopia), 녹색맹 (protanopia), 청색맹 (tritanopia), 전색맹 (achromatopsia) 등 다양한 유형의 색맹을 가진 사람들에게 이미지가 어떻게 보이는지 시뮬레이션합니다.EXIF 뷰어 (EXIF Viewer): 사진의 EXIF 메타데이터(카메라 모델, 렌즈, 조리개, 셔터 속도, ISO, GPS 좌표 등)를 확인합니다.파비콘 생성기 (Favicon Generator): 이미지나 글자/이모지로부터 완전한 파비콘 세트를 생성합니다.
토큰 카운터 (Token Counter): GPT-4o, Claude, Llama 3 등 인기 있는 AI 모델의 모든 텍스트에 대한 토큰을 계산합니다.컨텍스트 윈도우 계산기 (Context Window Calculator): 텍스트가 모델의 컨텍스트 윈도우 (context window)를 얼마나 사용하는지 계산합니다.AI 비용 계산기 (AI Cost Calculator): 토큰 수를 입력하고 모델을 선택하여 AI API 비용을 추정합니다.모델 비교 (Model Comparison): AI 언어 모델을 컨텍스트 윈도우 크기, 가격, 기능, 속도 및 제공업체 측면에서 나란히 비교합니다.시스템 프롬프트 빌더 (System Prompt Builder): 가이드 양식을 사용하여 AI 모델을 위한 구조화된 시스템 프롬프트를 구축합니다.프롬프트 라이브러리 (Prompt Library): AI 프롬프트를 브라우저에 로컬로 저장, 정리 및 검색합니다.CLAUDE.md 생성기 (CLAUDE.md Generator): 구조화된 양식을 사용하여 프로젝트용 CLAUDE.md 파일을 생성합니다.AI 규칙 생성기 (AI Rules Generator): IDE를 위한 .cursorrules, .windsurfrules 및 GitHub Copilot 지침 파일을 생성합니다.JSON 스키마 빌더 (JSON Schema Builder): 시각적 양식을 사용하여 LLM 도구 호출 (tool calls) 및 함수 호출 (function calling)을 위한 JSON 스키마를 구축합니다.MCP 설정 생성기 (MCP Config Generator): Claude Desktop 및 기타 MCP 클라이언트를 위한 Model Context Protocol (MCP) 설정 파일을 생성합니다.프롬프트 포맷터 (Prompt Formatter): 프롬프트를 다양한 AI 형식(ChatML, Llama 3 Instruct, Claude XML 태그 및 일반 텍스트) 간에 변환합니다.기술 / 에이전트 빌더 (Skill / Agent Builder): 가이드 양식을 사용하여 AI 에이전트 기술 (skill) 파일을 스캐폴딩 (scaffold) 합니다.AI 지침 디프 (AI Instruction Diff): 두 개의 시스템 프롬프트, CLAUDE.md 파일 또는 AI 지침 세트를 나란히 비교합니다.텍스트 유사도 (Text Similarity): 브라우저 내에서 TF-IDF 코사인 유사도 (cosine similarity)를 사용하여 텍스트 간의 의미론적 유사도를 측정합니다.**감성 (Sentiment)
Analyzer**: 온디바이스 (on-device) AI 모델을 사용하여 텍스트에서 긍정적 또는 부정적 감성을 감지합니다.Audio/Video Transcriber: 온디바이스 (on-device) Whisper AI를 사용하여 오디오 또는 비디오를 텍스트로 전사하고 SRT/VTT 자막을 생성합니다.Text Summarizer: 온디바이스 (on-device) AI 모델을 사용하여 긴 텍스트를 짧은 요약본으로 요약합니다.Translator: AI 모델을 사용하여 15개 언어 간의 텍스트를 완전히 온디바이스 (on-device)로 번역합니다.PII Detector & Redactor: 온디바이스 (on-device) AI 모델을 사용하여 이름, 이메일, 전화번호, 위치, 신용카드, IP와 같은 개인정보 (PII)를 감지하고 비식별화 (redact) 합니다.Zero-Shot Text Classifier: 온디바이스 (on-device) AI 모델을 사용하여 모든 텍스트를 사용자가 정의한 커스텀 레이블로 분류합니다.
PDF Tools: PDF 파일을 병합, 분할, 압축 및 조작합니다.Zip Tools: ZIP 아카이브를 생성, 추출 및 관리합니다.CSV/Excel Viewer: 브라우저에서 CSV 및 Excel 파일을 보고 편집합니다.File Converter: 문서, 이미지, 오디오 및 비디오를 포함한 다양한 형식 간에 파일을 변환합니다.
Video Editor: 비디오 파일을 자르고 변환하고 편집합니다.Audio Editor: 오디오 파일을 편집하고 처리합니다.Mic & Camera Tester: 카메라 미리보기를 확인하고 라이브 미터를 통해 마이크 입력 레벨을 테스트합니다.Compress Video: ffmpeg.wasm을 사용하여 브라우저에서 비디오를 압축합니다.Screen Recorder: Screen Capture API를 사용하여 브라우저에서 화면, 창 또는 탭을 직접 녹화합니다.
Text Case Converter (텍스트 대소문자 변환기): 텍스트를 대문자 (uppercase), 소문자 (lowercase), 타이틀 케이스 (title case), camelCase, snake_case 등 다양한 케이스로 변환합니다.Text Counter (텍스트 카운터): 텍스트 내의 단어, 글자, 줄, 단락의 수를 계산합니다.Code Formatter (코드 포맷터): 적절한 들여쓰기 (indentation) 및 구문 강조 (syntax highlighting)를 통해 코드를 포맷팅하고 보기 좋게 만듭니다.Rich Editor (리치 에디터): 다양한 서식 옵션을 사용하여 리치 텍스트 (rich text) 문서를 편집하고 미리 보기 합니다.Lorem Ipsum Generator (로렘 입숨 생성기): 디자인 및 목업 (mockup)을 위한 자리 채우기 텍스트 (placeholder text)를 생성합니다.Typing Test (타이핑 테스트): 타이핑 속도 (WPM)와 정확도를 측정하며, 선택 사항으로 기계식 키보드 클릭 소리를 제공합니다.Text Diff Viewer (텍스트 차이점 뷰어): 두 텍스트를 비교하고 간단한 패치 (patch)를 복사합니다.Markdown Editor (마크다운 에디터): 실시간 분할 창 미리 보기를 통해 마크다운 (Markdown)을 작성합니다.HTML Formatter (HTML 포맷터): HTML 코드를 포맷팅, 정렬 (prettify) 또는 압축 (minify)합니다.Notepad (메모장): 브라우저에 노트를 자동으로 저장하는 집중 방해 요소가 없는 연습장입니다.Text Sorter (텍스트 정렬기): 텍스트 줄을 알파벳순, 길이순 또는 숫자순으로 정렬합니다.Morse Code Converter (모스 부호 변환기): 텍스트를 모스 부호 (Morse code)로 변환하거나 모스 부호를 다시 텍스트로 해독합니다.Word Frequency Analyzer (단어 빈도 분석기): 모든 텍스트의 단어 빈도를 분석합니다.Markdown to HTML (마크다운을 HTML로): 마크다운을 깔끔한 HTML로 즉시 변환합니다.Text Repeater (텍스트 반복기): 사용자 지정 구분 기호를 사용하여 임의의 텍스트나 문자를 N번 반복합니다.Markdown Table Generator (마크다운 표 생성기): 시각적인 그리드 에디터에서 표를 만들고 유효한 마크다운 표 문법으로 내보냅니다.Image to Text (OCR) (이미지 텍스트 변환): 온디바이스 (on-device) OCR을 사용하여 이미지에서 텍스트를 무료로 추출합니다.Text to Speech (텍스트 음성 변환): 브라우저에서 텍스트를 무료로 읽어줍니다.Speech to Text (음성 텍스트 변환): 음성을 텍스트로 온라인에서 무료로 변환합니다.
JSON to CSV: 스프레드시트 애플리케이션을 위해 JSON 데이터를 CSV 형식으로 변환합니다.Base64 Tools: Base64 문자열 및 파일을 인코딩(Encode)하거나 디코딩(Decode)합니다.QR Code Generator: 텍스트, URL, 연락처 정보 등을 사용하여 QR 코드를 생성합니다.Barcode Generator: CODE128, EAN-13, UPC-A, CODE39 등을 포함한 다양한 바코드 유형을 생성합니다.QR Code Scanner: 카메라를 사용하거나 이미지를 업로드하여 QR 코드를 스캔합니다.Barcode Scanner: 카메라를 사용하거나 이미지를 업로드하여 바코드를 스캔합니다.Charts: 모든 세부 사항을 완전히 제어할 수 있는 아름답고 맞춤 설정 가능한 차트를 생성합니다.JSON Formatter: JSON을 포맷팅(Format), 검증(Validate) 및 최소화(Minify)합니다.YAML ↔ JSON: YAML과 JSON 형식 간의 즉각적인 변환을 지원합니다.URL Encoder/Decoder: URL 및 쿼리 문자열(Query strings)을 인코딩하거나 디코딩합니다.Fake Data Generator: 테스트 및 프로토타이핑을 위한 현실적인 가짜 데이터를 생성합니다.Text to Binary: 텍스트를 이진수(Binary), 16진수(Hexadecimal), 8진수(Octal) 및 10진수(Decimal) 표현으로 변환합니다.JSON → TypeScript: JSON을 붙여넣으면 즉시 TypeScript 인터페이스를 얻을 수 있습니다.Mermaid Diagram Viewer: Mermaid 마크다운을 작성하고 다이어그램이 실시간으로 렌더링되는 것을 확인합니다.
Invoice Generator (송장 생성기): 맞춤형 템플릿, 자동 세금 계산 및 PDF 내보내기 기능을 사용하여 전문적인 송장을 생성합니다. Unit Converter (단위 변환기): 길이, 무게, 온도, 면적, 부피 등을 포함한 다양한 측정 단위 간의 변환을 지원합니다. Time Zone Converter (시간대 변환기): 서로 다른 시간대 간의 시간을 변환합니다. Calculator (계산기): 기본, 과학 및 그래프 모드를 갖춘 고급 계산기입니다. Age Calculator (나이 계산기): 년, 월, 일 단위로 정확한 나이를 계산합니다. Number Base Converter (진법 변환기): 실시간 유효성 검사와 함께 이진법, 8진법, 10진법, 16진법 간의 변환을 지원합니다. Expense Tracker (지출 추적기): 상세한 카테고리 분류, 예산 관리 및 종합 보고서를 통해 지출을 추적합니다. Currency Converter (통화 변환기): 캐시된 일일 환율과 애니메이션 숫자 표시를 사용하여 브라우저 내에서 모든 주요 통화 간의 변환을 수행합니다. Loan Calculator (대출 계산기): 주택 담보 대출 및 일반 대출에 대한 월별 납입금, 총 이자 및 상환 일정을 계산합니다. Percentage Calculator (백분율 계산기): 백분율, 백분율 변화량, 숫자의 백분율 및 역백분율을 계산합니다. Aspect Ratio Calculator (종횡비 계산기): 이미지와 영상의 종횡비를 계산하고 고정합니다. BMI Calculator (BMI 계산기): 미터법 또는 야드파운드법 단위로 체질량 지수 (BMI)를 계산합니다. Tip Calculator (팁 계산기): 팁을 계산하고 여러 명 사이에서 비용을 분담합니다. Periodic Table (주기율표): 표준 레이아웃으로 구성된 118개 모든 원소의 대화형 주기율표입니다. Roman Numeral Converter (로마 숫자 변환기): 숫자를 로마 숫자로, 또는 로마 숫자를 숫자로 변환합니다.
Todo List (할 일 목록): 작업을 정리하고 생산성을 유지합니다. Timer & Countdown (타이머 및 카운트다운): 전체 화면 모드와 완료 알림음을 갖춘 간단한 타이머 및 카운트다운입니다. Pomodoro Timer (뽀모도로 타이머): 뽀모도로 기법 (Pomodoro Technique)으로 집중력을 높입니다. World Clock (세계 시계): 여러 도시와 시간대 (Time zone)의 현재 시간을 동시에 확인합니다. Stopwatch (스톱워치): 랩 타임 (Lap time) 및 구간 기록 (Split) 추적 기능이 있는 정밀한 스톱워치입니다. Habit Tracker (습관 추적기): 일일 습관을 추적하고 연속 달성 기록 (Streaks)을 쌓습니다. Keep Awake (화면 깨움 유지): 노트북이나 휴대폰이 절전 모드로 전환되는 것을 방지합니다. Random Picker (무작위 선택기): 난수 생성, 주사위 굴리기, 동전 던지기 또는 목록에서 무작위 당첨자를 뽑습니다. Mind Map Maker (마인드맵 메이커): 브라우저에서 대화형 마인드맵을 생성합니다. Signature Maker (서명 메이커): 온라인 서명을 만듭니다. 펜 색상과 두께를 조절하여 자유롭게 그리거나, 필기체 폰트로 이름을 입력할 수 있습니다.
UUID Generator (UUID 생성기): 다양한 버전과 형식의 범용 고유 식별자 (Universally Unique Identifiers, UUIDs)를 생성합니다. Unix Timestamp Converter (Unix 타임스탬프 변환기): 에포크 초/밀리초 (Epoch seconds/milliseconds)를 시간대 정보가 포함된 사람이 읽을 수 있는 날짜로 변환합니다. Regex Tester (정규 표현식 테스터): 실시간 하이라이팅과 플래그 (Flags) 기능을 통해 JavaScript 정규 표현식 (Regular expressions)을 테스트합니다. Cron Parser (Cron 파서): Cron 표현식을 설명하고 다음 실행 시간을 나열합니다. HTTP Status Codes (HTTP 상태 코드): 설명, 사용 사례 및 예시가 포함된 모든 HTTP 상태 코드에 대한 빠른 참조 도구입니다. CSS Minifier (CSS 미니파이어): CSS 코드를 압축 (Minify)하거나 보기 좋게 정렬 (Beautify)합니다. SQL Formatter (SQL 포맷터): 적절한 들여쓰기와 키워드 대소문자 구분을 통해 SQL 쿼리를 정렬하고 보기 좋게 만듭니다. Chmod Calculator (Chmod 계산기): Unix 파일 권한 (File permissions)을 시각적으로 계산합니다. Meta Tags Generator (메타 태그 생성기): HTML 메타 태그, Open Graph 태그 및 Twitter Card 태그를 생성합니다. cURL Converter (cURL 변환기): curl 명령어를 JavaScript fetch, Node.js, Python requests, Go, PHP에서 즉시 실행 가능한 코드로 변환합니다.
JWT Decoder: JSON Web Token (JWT)을 디코딩하고 검증합니다.
Password Generator: 길이, 문자 유형 및 특수 요구 사항을 포함한 사용자 정의 옵션을 사용하여 보안 비밀번호를 생성합니다.
Hash Generator: 텍스트 입력으로부터 암호화 해시 (Cryptographic Hash)를 생성합니다.
Password Strength: 모든 비밀번호의 강도를 실시간으로 분석합니다.
Text Encryption: Web Crypto API를 통해 AES-256-GCM 방식으로 텍스트를 암호화 및 복호화합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 GitHub AI Coding Assistants의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기