---
title: "Claude Code가 터미널에서 mermaid 다이어그램, 수식, 동영상을 인라인으로 그리게 만들었습니다"
url: "https://claudemods.dev/ko/builds/i-made-claude-code-draw-mermaid-diagrams-formulas-and-video--5b8db2"
source: "https://github.com/NateCC0902/NeonCoat"
source_type: "github"
repo: "https://github.com/NateCC0902/NeonCoat"
author: "No-Creme2531"
author_handle: "No-Creme2531"
stars: 0
category: "테마 및 외관"
categories: ["themes"]
tags: ["function-hooks", "kitty-graphics", "markdown", "mermaid", "statusline", "terminal-rendering"]
permission_level: null
scan_complete: false
added: "2026-10-12T00:22:34.000Z"
updated: "2026-10-11T15:49:13Z"
locale: "ko"
content_locale: "ko"
---

# Claude Code가 터미널에서 mermaid 다이어그램, 수식, 동영상을 인라인으로 그리게 만들었습니다

Claude Code용 mod 세트(reply-media, reply-markdown, 상태 줄)로, mermaid 다이어그램, 수학 수식, 이미지, 동영상 첫 프레임을 터미널에 인라인으로 렌더링하고, 컨텍스트, 비용, 초당 토큰, 캐시 적중률, git 상태, 사용 창을 표시하는 풍부한 상태 줄을 제공합니다. 얼리 액세스 function-hook 플러그인 API를 사용하며, kitty 그래픽 터미널(Ghostty 또는 kitty)이 필요하고, macOS 전용이며, CLAUDE.md 추가가 필요합니다.

## Description

작성자는 Claude Code용 mod 세 개를 만들었습니다. reply-media는 mermaid 펜스, 수학 수식, 로컬 이미지를 터미널에 실제 그림으로 렌더링하고, 로컬 동영상의 첫 프레임과 재생 버튼을 표시하여 제자리에서 재생합니다. reply-markdown은 제목, 목록, 콜아웃, 표를 색상으로 렌더링하고 각 코드 펜스를 복사 버튼이 있는 카드에 넣습니다. 상태 줄은 사용된 컨텍스트, 비용, 초당 토큰, 캐시 적중률, git 상태, 사용 창, 다른 세션이 무엇을 하는지 표시합니다. Claude Code의 얼리 액세스 mod API(function-hook 플러그인)에 의존하며, macOS 전용이고 Ghostty나 kitty 같은 kitty 그래픽 터미널이 필요합니다. Claude는 README가 제공하는 몇 줄을 CLAUDE.md에 추가한 후에만 mod가 그리는 양식을 작성합니다. MIT 라이선스이며 Claude Code 자체로 구축되었습니다. 데모 GIF와 스크린샷은 README(https://github.com/NateCC0902/NeonCoat)에 있습니다.

## Original README

A reply in Claude Code is plain text, so a mermaid block stays code and a formula stays raw LaTeX. I wanted them drawn, so I wrote a few mods: **reply-media** draws `mermaid` fences, math formulas and local images as real pictures in the terminal. A local video shows its first frame with a play button and plays in place. **reply-markdown** draws headings, lists, callouts and tables in color, and puts each code fence in a card with a copy button. **a status line** with context used, cost, tokens per second, cache hit rate, git state, usage windows, and what my other sessions are doing. Demo GIF and screenshots are in the README: https://github.com/NateCC0902/NeonCoat Before you try it: It uses Claude Code's mod API (function-hook plugins). That API is early access, so it can break. macOS only, and the pictures need a terminal with kitty graphics (Ghostty or kitty). Claude writes the forms the mods draw only if you add a few lines to your CLAUDE.md. The README has them. MIT licensed, and built with Claude Code itself. Tell me what breaks. submitted by /u/No-Creme2531 [link] [comments]