반복되는 설명 지겨우신가요? Claude Code로 만든 StepGrab을 소개합니다 (무료 체험 가능)
Tired of explaining the same steps again and again? I built this with Claude Code (free to try)
핵심 요약
학생 개발자가 Claude Code를 활용해 작업 과정을 자동으로 가이드로 만들어주는 툴 'StepGrab'을 개발했습니다.
- 자동 가이드 생성 — 클릭 한 번으로 스크린샷과 설명이 포함된 매뉴얼을 자동 제작함
- Claude Code 활용 — Mac과 Windows 앱 간의 기능 동기화를 위해 공유 기능 맵을 사용함
- 오프라인 우선 — 개인정보 보호를 위해 모든 데이터는 로컬에 저장되며 계정 생성 없이 사용 가능함
- 무료 체험 제공 — 15단계까지의 가이드 제작과 GIF 내보내기를 무료로 이용할 수 있음
안녕, 난 학생인 Julian이야. Claude Code를 써서 StepGrab을 직접 만들어봤어. 알바할 때 사람들이 맨날 설정 어디 있냐, 다음엔 뭐 누르냐고 물어봐서 매번 가이드 만드느라 30분씩 날렸거든. 스크린샷 15장 찍고, 자르고, 빨간 화살표 넣고, 밑에 설명 적고... 진짜 지긋지긋하더라.
이게 뭐 하는 거냐면
StepGrab은 맥이나 윈도우 PC에서 작업하는 걸 한 번만 녹화하면 돼. 클릭할 때마다 자동으로 번호 매겨진 화살표랑 설명이 달린 스크린샷이 생성되거든. 가이드 다 만들면 개인정보 가리고(검은색 바가 아예 이미지에 박혀서 나감), GIF, PDF, HTML, Markdown, MP4로 내보낼 수 있어. 오프라인으로 돌아가고, 스크린샷은 전부 네 컴퓨터에만 저장되니까 계정 만들 필요도 없어.
Claude Code가 어떻게 도와줬냐면
난 전문 개발자가 아니라서 코드 대부분은 Claude Code랑 같이 짰어. 맥 앱, 윈도우 앱, 웹사이트 세션 따로 돌리면서 Claude Code가 읽고 업데이트하는 공유 기능 맵으로 동기화했지. 그 맵 덕분에 윈도우 버전이 맥 버전이랑 따로 놀지 않고 잘 따라올 수 있었어. 릴리즈 노트도 7개 국어로 다 써주는데, 배포하기 전에 내가 코드를 보고 Claude가 쓴 내용이 맞는지 확인은 해. 가끔 헛소리할 때가 있어서 수정 사항은 무조건 내가 직접 읽고 테스트해봐야 함.
무료 체험 가능
무료 플랜은 시간 제한 없어. 가이드 하나당 15단계까지는 무제한으로 만들 수 있고, GIF 내보내기랑 에디터도 계정 없이 바로 쓸 수 있어(작게 StepGrab 워터마크는 박힘). 맥 앱스토어, 맥 다이렉트 다운로드, 아니면 마이크로소프트 스토어에서 받을 수 있어. 프로 버전 쓰면 단계 더 늘어나고 다른 포맷으로도 내보낼 수 있고.
작업 방식이나 내가 다르게 해볼 걸 그랬다 싶은 부분들 궁금하면 뭐든 물어봐.
추신. 운영진 형들, 도배해서 미안해. 처음에 영상 빼먹고, 그다음엔 1시간 기다려야 하는 거 깜빡했어. 말로 하는 것보다 보여주는 게 원래 어렵잖아.
