
AI로 편리한 도구 55개를 만들어 보았다 (브라우저에서만 작동하는 것들)
요약
Claude Code를 활용하여 브라우저 기반의 유용한 도구 55개를 제작한 사례를 소개합니다. 일상적인 도구부터 개발용 도구까지 다양한 기능을 포함하며, 템플릿 기반의 효율적인 개발 방식을 사용했습니다.
핵심 포인트
- Claude Code를 사용하여 코드 작성 없이 도구 제작
- 템플릿 기반 방식으로 다수의 도구를 빠르게 확장
- 데이터를 서버로 전송하지 않는 안전한 브라우저 기반 도구
- 개발 및 일상생활에 유용한 55가지 도구 모음 제공

AI로 어디까지 만들 수 있는지 테스트하다 보니, 편리한 도구 모음이 완성되었습니다.
Benri (べんり箱) — 등록 불필요·무료·브라우저만으로 완결. 글자 수 세기나 QR 코드, 더치페이 같은 일상적인 도구를 중심으로 55개 / 5개 카테고리. 입력 데이터는 서버로 전송하지 않습니다.
그냥 두기에는 아쉬워서, 만드는 방법과 내용을 가볍게 소개합니다.
만드는 방법
개발은 전부 Claude Code (Opus)로 진행했습니다. 솔직히 코드 내용은 거의 보지 않았습니다. 제가 결정한 것은 "무엇을 만들 것인가"와 전체적인 분위기 정도입니다.
처음 20개 정도는 하나씩 만들었고, 괜찮은 "템플릿 (Template)"이 만들어진 후에는 같은 방식으로 나머지를 한꺼번에 만들게 했습니다. 모범 사례가 하나 생기면, 비슷한 도구는 빠르게 늘어납니다. 앞으로도 마음이 내킬 때마다 추가할 예정입니다.
내용
일상에서 쓸 법한 것부터 시작합니다.
개발 관련 (JSON 정렬·Base64·정규 표현식...)도 한 차례 다 있지만, 개인용으로 두는 것뿐이니 취향껏 사용해 주세요.
전체 목록은 トップ (Top) 페이지에서 확인할 수 있습니다. 마음이 내킬 때 사용해 보시고, 의견이 있다면 알려주세요.
Discussion

AI 자동 생성 콘텐츠
본 콘텐츠는 Zenn AI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기