Claude Code 터미널용 지능형 UI: 실제 표, LaTeX, 이미지 및 실시간 다이어그램 지원
Intelligent UI on Claude Code in the terminal: real tables, LaTeX, images and live diagrams.
핵심 요약
Claude Code의 응답을 Typst를 통해 시각적으로 렌더링하여 표, 수식, 다이어그램을 터미널에서 깔끔하게 보여주는 모드입니다.
- 시각적 렌더링 — Markdown, LaTeX 수식, 이미지, 차트 등을 터미널에서 깔끔하게 출력함
- 다양한 테마 — 기본 테마 외에 VS Code 스타일 등 사용자 정의 테마 지원
- 터미널 호환성 — kitty, Ghostty, iTerm2 등 주요 터미널에서 즉시 사용 가능
- Typst 기반 — 0.15~0.6초 내외의 빠른 렌더링 속도 제공
마크다운 표를 파이프 기호로 줄줄 읽는 거 너무 지겨워서, Claude Code가 답변을 직접 렌더링하게 만들어 버렸다.
CC Intelligent UI는 Claude Code 모드인데, Typst를 써서 답변을 깔끔한 그림 형태로 그려준다. 표는 딱딱 맞고, 수식은 논문처럼 나오고, 말보다 그림이 나을 땐 Claude가 직접 차트나 다이어그램까지 그려버림.
뭐가 좋은데?
-
렌더링된 마크다운: 제목, 표, 할 일 목록, 인용구, 구문 강조된 코드까지 터미널 폰트로 깔끔하게 나옴
-
LaTeX 수식: 인라인이랑 디스플레이 수식 다 지원함
-
이미지: 프롬프트에 붙여넣은 이미지도 대화창에 뜨고, 답변에 포함된 이미지도 바로바로 보임
-
차트와 다이어그램: Claude가 즉석에서 그려주는 차트(CeTZ, cetz-plot, fletcher)를 니 테마 색상에 맞춰서 보여줌
-
플랜 모드: 계획표도 렌더링해서 보여주고, 그 밑에 승인/수정/거절 버튼도 달림
-
당연히 그림 안의 텍스트도 마우스로 드래그해서 복사 가능함
-
테마: Claude Code 기본 색상부터 VS Code 마크다운 미리보기(Modern, Dark+/Light+)까지 다 지원함. 테마마다 라이트/다크 모드 있고 터미널 설정 따라감. JSON 파일 하나로 직접 테마 만들 수도 있음 (
/iui theme <name>)
터미널: kitty, Ghostty, cmux는 그냥 바로 됨. iTerm2 3.6 이상은 /iui setup 한 번만 해주면 끝. tmux나 screen은 안 됨. 지원 안 하는 터미널은 그냥 평소처럼 텍스트로 나옴.

