Claude Code Mods 설명, 10가지 사용 사례

한 줄 핵심

Claude Code의 Mods로 화면 UI와 동작을 TypeScript 기반 플러그인처럼 직접 바꾸고, 이메일 가림·PR 상태·브라우저·컨텍스트 표시 등 실용 사례 10가지를 바로 적용하는 방법을 설명한다.

시간별 요약

1. 0:00
   인트로 Claude Code의 화면을 사용자가 직접 바꾸는 Mods 기능이 공개되었고, 입력창 위 정보 표시나 응답 일부 가림 같은 UI 확장이 가능해졌다. 단순 소개를 넘어 실제로 많이 쓰이는 활용 사례 10가지를 함께 살펴본다.
2. 0:45
   Mods 동작 원리 Mods는 플러그인 형태로 연결되며, hooks.json과 TypeScript 파일을 통해 특정 이벤트에 함수를 등록하는 구조다. 프롬프트 전송, 도구 호출, 응답 표시 같은 시점에 중간 개입해 내용을 바꾸거나 추가 UI를 띄울 수 있다.
3. 2:51
   코드로 보는 이메일 가림 응답에 포함된 이메일 주소를 화면에서만 마스킹하고, 필요할 때 버튼으로 다시 표시하는 예시를 코드 흐름으로 설명한다. 원본 모델 출력은 유지하고 표시 단계에서만 숨김 처리와 상태 전환을 하는 방식이 핵심이다.
4. 4:49
   PR 상태 입력창 위에서 PR의 리뷰 상태와 검사 진행 상황을 바로 확인하도록 만들어, 작업하면서 남은 확인 사항을 한눈에 볼 수 있게 한다. 코드 작성 흐름과 리뷰 상태를 같은 화면에서 맞물리게 하는 사례다.
5. 5:08
   Linear 연결 Claude Code 안에서 Linear 이슈를 검색하고 선택해 작업 요청으로 바로 넘기거나, 작업 완료 후 댓글 초안까지 정리할 수 있다. 이슈 관리와 코딩 결과 공유를 한 흐름으로 이어 주는 활용이다.
6. 5:24
   문단 수정 옆 패널에서 수정할 문단을 선택하고 원하는 변경 방향을 코멘트로 남기면, 그 컨텍스트를 바탕으로 해당 문단만 고쳐서 반영할 수 있다. 부분 수정 작업을 UI로 명확하게 분리하는 방식이다.
7. 5:41
   브라우저 지원하는 터미널 환경에서는 Claude Code 옆에 브라우저를 붙여 대화와 웹페이지를 동시에 보며 작업할 수 있다. 코드 작성과 실제 웹 확인을 한 화면에서 묶어 작업 효율을 높인다.
8. 5:54
   다이어그램 Mermaid 같은 다이어그램 코드가 나오면 텍스트 대신 실제 도식으로 바로 렌더링해 보여 줄 수 있다. 로그인 분기나 결제 흐름처럼 구조 설명이 중요한 내용을 더 직관적으로 확인하게 해 준다.
9. 6:15
   게임 응답을 기다리는 동안 옆에서 간단한 게임을 띄워 대기 시간을 활용하는 형태로도 쓸 수 있다. 실용 기능은 아니지만, Mods가 UI를 얼마나 자유롭게 바꿀 수 있는지 보여 주는 예다.
10. 6:25
    한국어 UI 터미널의 명령어 설명과 설정 항목, UI 문구를 한국어로 바꿔 표시할 수 있다. 영어가 익숙하지 않은 사용자에게도 Claude Code를 더 쉽게 쓰게 만드는 현지화 사례다.
11. 6:39
    문자 가림 이메일 주소, Base64 값, JWT 토큰처럼 화면 공유 시 노출되면 곤란한 문자열을 필요할 때만 숨길 수 있다. 보안과 가독성을 동시에 챙기는 실전형 기능이다.
12. 6:58
    컨텍스트 사용량 현재 컨텍스트 사용량과 최근 턴에서의 증가량을 입력창 위에 보여 주어, 작업이 얼마나 컨텍스트를 소모하는지 즉시 파악하게 한다. 긴 작업 중 컨텍스트 한계를 관리하는 데 유용하다.
13. 7:12
    에이전트 관제 현재 세션에서 실행 중인 여러 에이전트를 옆 패널에 모아 보고, 각 에이전트의 대화와 도구 사용 내역, 수행한 작업을 확인할 수 있다. 병렬 작업이 많을수록 상태 파악에 도움이 된다.
14. 7:28
    직접 만들기 필요한 기능을 어디에 무엇을 보여 줄지 설명하면 Claude가 Mods 코드를 직접 작성해 주므로, 아이디어를 떠올리는 즉시 구현해 볼 수 있다. 설치형 플러그인처럼 배포와 공유도 가능해 반복 작업을 화면 위로 끌어올리는 데 효과적이다.

실무 인사이트

• Mods의 핵심 가치는 모델 출력 자체를 바꾸는 것이 아니라, 표시와 상호작용 계층을 사용 목적에 맞게 재구성하는 데 있다.
• 실무적으로는 이메일·토큰 가림, PR 상태, 컨텍스트 사용량처럼 반복 확인이 필요한 정보를 화면 위로 올릴 때 체감 효과가 가장 크다.
• Claude Code를 단순 채팅 도구가 아니라 작업 대시보드로 쓰려면, 이벤트 훅과 상태 전환을 이용해 작은 UI 조각부터 붙여 보는 것이 좋다.