AI로 편리한 도구 55개를 만들어 보았다 (브라우저에서만 작동하는 것들)

원문 발행 2026. 06. 29. 20:41원문 언어 일본어AI 한국어 번역Zenn AI 원문 보기

요약

Claude Code를 활용하여 브라우저 기반의 유용한 도구 55개를 제작한 사례를 소개합니다. 일상적인 도구부터 개발용 도구까지 다양한 기능을 포함하며, 템플릿 기반의 효율적인 개발 방식을 사용했습니다.

AI로 어디까지 만들 수 있는지 테스트하다 보니, 편리한 도구 모음이 완성되었습니다.

Benri (べんり箱) — 등록 불필요·무료·브라우저만으로 완결. 글자 수 세기나 QR 코드, 더치페이 같은 일상적인 도구를 중심으로 55개 / 5개 카테고리. 입력 데이터는 서버로 전송하지 않습니다.

그냥 두기에는 아쉬워서, 만드는 방법과 내용을 가볍게 소개합니다.

개발은 전부 Claude Code (Opus)로 진행했습니다. 솔직히 코드 내용은 거의 보지 않았습니다. 제가 결정한 것은 "무엇을 만들 것인가"와 전체적인 분위기 정도입니다.

처음 20개 정도는 하나씩 만들었고, 괜찮은 "템플릿 (Template)"이 만들어진 후에는 같은 방식으로 나머지를 한꺼번에 만들게 했습니다. 모범 사례가 하나 생기면, 비슷한 도구는 빠르게 늘어납니다. 앞으로도 마음이 내킬 때마다 추가할 예정입니다.

일상에서 쓸 법한 것부터 시작합니다.

개발 관련 (JSON 정렬·Base64·정규 표현식...)도 한 차례 다 있지만, 개인용으로 두는 것뿐이니 취향껏 사용해 주세요.

전체 목록은 トップ (Top) 페이지에서 확인할 수 있습니다. 마음이 내킬 때 사용해 보시고, 의견이 있다면 알려주세요.

AI 자동 생성 콘텐츠