Claude Code 모드로 UI 커스텀과 안전장치 구축하기

핵심

• 모드는 JavaScript나 TypeScript로 Claude Code 내부 동작과 인터페이스를 직접 개조하는 프로그램이다.
• 호출 시에만 동작하는 셸 스크립트와 달리, 모드는 이벤트와 훅 구조를 통해 Claude가 명령을 실행하기 직전에 사전에 검문한다.
• 터미널 우측 패널, 프롬프트 상단 띠, 알림 영역을 그릴 수 있으며 토큰 소모 없는 슬래시 명령어도 구현 가능하다.
• 컨텍스트 사용량 표시 상황판, 위험 명령 사전 확인 안전장치, API 키 자동 가림 녹화 모드 등으로 활용한다.
• 자연어로 지시해 생성할 수 있지만, 기본 생성 시 임시 폴더에 저장되어 30일 뒤 삭제되므로 내 폴더로 옮겨 관리해야 한다.
• 모드는 별도 샌드박스 없이 사용자 권한 그대로 실행되므로 검증되지 않은 모드 설치를 피하고 claude plugin validate 명령으로 확인해야 한다.

챕터

1. 0:00Claude Code 모드 기능 소개 (새 탭에서 열림)
2. 0:46모드의 정의와 주요 기능 3가지 (새 탭에서 열림)
3. 1:30셸 스크립트와 모드의 결정적 차이 (새 탭에서 열림)
4. 2:26모드의 작동 원리 (이벤트와 훅) (새 탭에서 열림)
5. 3:40화면 UI 렌더링 방식과 제약 (새 탭에서 열림)
6. 4:20모드 실전 활용 사례 5가지 (새 탭에서 열림)
7. 5:58말로 모드 만드는 법과 저장 경로 주의점 (새 탭에서 열림)
8. 6:34보안 주의사항과 검증 명령어 (새 탭에서 열림)
9. 7:21스킬 vs 모드 선택 기준 정리 (새 탭에서 열림)