같은 단계를 계속해서 설명하는 것에 지치셨나요? 제가 Claude Code를 사용해 이것을 만들었어요.

저는 학생인 Julian이며, StepGrab을 직접 Claude Code를 이용해 제작했습니다. 아르바이트 직장에서 저는 사람들이 어떤 설정이 어디에 있는지 또는 다음 버튼이 무엇인지 물어보는 사람이었고, 각 가이드를 손으로 작성하는 데만 반 시간이 걸렸습니다. 15개의 스크린샷과 자르기 작업, 빨간색 화살표, 그리고 아래에 단계를 타이핑해야 했죠.

무엇을 하는가 (WHAT IT DOES)
StepGrab은 사용자가 Mac 또는 Windows PC에서 한 번 수행한 작업을 기록합니다. 모든 클릭이 번호가 매겨진 화살표와 '어떤 것을 클릭했는지'를 설명하는 문장이 포함된 스크린샷으로 변환됩니다. 가이드를 편집하고, 개인 정보는 검게 처리할 수 있습니다(검은색 막대는 모든 내보내기 파일에 인쇄됨). 그리고 GIF, PDF, HTML, Markdown 또는 MP4 형식으로 내보낼 수 있습니다. 오프라인에서도 작동하며, 스크린샷은 컴퓨터에 남아 있고 계정이 필요하지 않습니다.

Claude Code가 어떻게 도움이 되었는가 (HOW CLAUDE CODE HELPED)
저는 전문 개발자가 아니기 때문에 코드의 대부분은 Claude Code를 사용하면서 작업한 결과물입니다. 저는 Mac 앱, Windows 앱, 웹사이트용으로 별도의 세션을 사용하며, 이들을 Claude Code가 읽고 업데이트하는 공유 기능 맵에 동기화하여 유지합니다. 그 맵 덕분에 Windows 버전이 Mac 버전을 따라갈 수 있었고 표류하지 않았습니다. 또한 저의 출시 노트(release notes)를 일곱 개 언어로 작성해주며, 저는 무언가를 게시하기 전에 그것이 주장하는 내용과 코드를 비교 확인합니다. 여전히 잘못된 부분이 생기기 때문에 모든 변경 사항은 제가 직접 읽고 테스트합니다.

사용해보기 (FREE TO TRY)
무료 플랜에는 시간 제한이 없습니다: 각 최대 15단계까지 무제한 가이드, 작은 StepGrab 마크가 있는 GIF 내보내기, 그리고 계정 없이 사용할 수 있는 편집기가 제공됩니다. Mac App Store, Mac용 직접 다운로드 또는 Microsoft Store에서 받을 수 있습니다.

[Mac App Store] [Microsoft Store (Windows)] [웹사이트 및 직접 다운로드]
저는 이 워크플로우와 제가 다르게 했을 부분에 대해 기꺼이 질문에 답하겠습니다.
P.S. 모더레이터분들, 죄송합니다. 영상을 처음에는 잊었고 한 시간 동안 기다리는 것도 잊었습니다. 보여주는 것이 말하는 것보다 어렵네요.

submitted by /u/StepGrab [link] [comments]