r/ClaudeCode•3개월 전•40•29
Claude 작업물 위에 직접 그림을 그리고 세션으로 바로 전송하는 플러그인을 만들었습니다. 피드백과 테스터를 구합니다.
I made a plugin to draw on Claude's work and send it straight back into the session. Looking for feedback and testers.
핵심 요약
Claude Code에서 프론트엔드 화면에 직접 주석을 달아 세션으로 바로 전송하는 생산성 도구입니다.
- 직관적 주석 도구 — 프론트엔드 화면 위에 직접 그림을 그려 Claude에게 피드백 전달함
- 워크플로우 개선 — 스크린샷을 찍고 편집해서 다시 업로드하는 번거로운 과정 제거함
- 간편한 사용법 — '/annotate' 명령어 실행 시 Playwright 툴바가 활성화됨
- 오픈소스 공유 — 개인 작업용으로 시작했으나 유용할 것 같아 커뮤니티에 공개함
Claude Code 플러그인을 사용하면 프론트엔드 화면 위에 직접 그림을 그리고, 피드백을 Claude 세션으로 바로 전송할 수 있습니다.
https://github.com/tomreinert/claude-annotate/
저는 보통 Claude가 작업물을 보여주고 검토할 수 있도록 Playwright 브라우저를 실행해 둡니다.
피드백을 줄 때 예전에는 다음 두 가지 방법을 썼는데 둘 다 번거로웠습니다.
- 변경 사항을 말로 설명하기 (귀찮음)
- 스크린샷을 찍고, 그림을 그린 뒤, 세션으로 드래그하기 (역시 귀찮음)
이걸 더 쉽게 만들려고 플러그인을 하나 만들었습니다. '/annotate'를 실행하면 Claude가 그리기 및 주석 도구가 포함된 툴바와 함께 Playwright를 실행합니다.
그다음, 바로 Claude 세션으로 전송하면 됩니다.
개인적인 워크플로우를 위해 만든 도구지만, 다른 분들에게도 유용할 것 같아 공유합니다.
편하게 확인해 보시고, 다른 환경에서는 어떻게 작동하는지 궁금하네요. 고려해야 할 요소가 많으니 피드백 기다리겠습니다.
