(사례 작성을 위한) Claude Code CLI 사용 시 스크린샷을 자동으로 찍는 플러그인 개발

소개

1주차 온오프 토요 모임 뒤풀이에서 Claude Code CLI를 쓸 때, 스크린샷을 제 때 하지 않으면 그냥 화면이 없어져버리는 이슈가 나왔습니다.

지피터스 사례를 쓸 때 불편하다고 하셔서, 자동으로 Claude Code CLI 스크린샷을 찍어주는 hooks를 개발하고 plugin으로 다시 만든 후, marketplace에 배포했습니다.

일단, hooks 설계를 ChatGPT 딥 리서치와 했습니다.

그리고 이 설계 초안을 md, ps1 파일로 만든 후 docs 폴더에 넣고 그 문서를 참고해서 hooks 개발을 Claude Code로 했습니다.

테스트 해보니 잘 동작합니다.

이렇게 동작하게 plugin으로 만들었습니다.

기능 네 가지는 hooks로 만들었고, custom slash command를 두 개 만든 후

전체를 plugin으로 만들었습니다.

그리고 github에 올렸습니다. git 주소는 여깁니다.

이 github repo를 이용해서 마켓 플레이스를 만들고, 이 plugin을 배포했습니다.

이 명령어 쓰시면 여러분도 쓰실 수 있어요.

/plugin marketplace add https://github.com/LinaYoun/auto-screenshot.git

이렇게 하면 마켓플레이스가 추가되고, /plugin 메뉴로 진입해서

설치된 마켓플레이스를 선택한 후, 그 안의 하나 있는 플러그인을 설치하시면 됩니다.

설치 후 이 slash command를 실행시키면 스크릿샷이 찍힙니다.

경로는 C 밑의 Screenshot 폴더를 만든 후 세션 별로 폴더를 만들어 저장합니다.

이런 스크린샷이 프롬프트를 전송하거나, claude code가 bash를 실행할 때 자동 저장됩니다.

그리고 이 slash command를 실행하면 스크린샷을 찍는 것을 멈춥니다.

은근히 hooks 개발은 쉬웠으나 마켓 플레이스에 배포에서 오래 걸렸습니다.

그래도 같이 쓸 수 있으니 좋네요.

이제 Claude Code CLI 화면 캡처는 이 plugin에 맡겨보세요.

(단, 활성 창을 스크린샷하니 작업을 하시면서 다른 일을 하시면 그 창이 스크린샷됩니다.ㅎㅎㅎ 그리고 윈도우 전용입니다.)