Ghostty 셰이더로 Claude Code 타이핑을 훨씬 재밌게 만들어봄
Made typing in Claude Code a lot more fun with Ghostty shaders
핵심 요약
Ghostty 터미널에서 Claude Code 사용 시 타이핑에 화려한 시각 효과를 주는 커스텀 셰이더를 개발함.
- 커스텀 셰이더 — Ghostty 터미널에서 타이핑 시 번개, 글리치 등 다양한 시각 효과 제공
- Claude Code 연동 — 프롬프트 전송 및 응답 완료 시 터미널 창에 애니메이션 효과 실행
- 사용자 설정 — 로컬 페이지에서 실시간 미리보기 및 개별 효과 끄기 기능 지원
- 플랫폼 지원 — 현재 macOS와 Linux 환경에서 사용 가능
Ghostty에서 커스텀 셰이더를 돌릴 수 있길래, 커서 이펙트 세트를 좀 만들어 봤다. 지금까지 총 13개 만들었음. 핵심은 타이핑할 때 나오는 효과들인데, lightning은 키 누를 때마다 불꽃 튀고, cyber는 글자가 랜덤한 기호로 바뀌면서 해독되는 느낌 나고, glitch는 커서가 조각조각 찢어짐. mecha는 키 누를 때마다 작은 추진기 뿜어내고(백스페이스 누르면 반대쪽에서 나감), neon은 키 입력할 때마다 깜빡거림.
커서 자체랑 ❯ 프롬프트 마크도 전용 디자인이 적용되고, 전체 선택 후 삭제하면 줄 전체에 더 큰 이펙트가 터짐.
Claude Code용으로는 여기에 훅 두 개가 더 추가됨. 프롬프트 전송하면 입력창을 따라 이펙트가 쫙 지나가고, Claude가 작업 다 끝내면 창 가장자리에서 안쪽으로 이펙트가 한 번 더 재생됨.
`cursor-fx edit`에서 모든 파츠를 끄고 켤 수 있는데, 여기 들어가면 실시간 미리보기도 가능함. zsh에서도 잘 돌아간다.
macOS, Linux 지원하고 Ghostty 1.4 버전 이상 필요함. 라이선스는 MIT: https://github.com/Avarce/ghostty-cursor-fx
애니메이션 셰이더가 계속 Ghostty를 다시 그리게 만들어서 배터리는 좀 잡아먹음. `cursor-fx off` 치면 전부 다 꺼짐.
