GitHub 저장소 · 작성자 Tomas Varga

Claude에게 차트를 다시 만들라고 요청하는 게 지겨워서 Claude Code 모드를 만들었다.

Name: Claude에게 차트를 다시 만들라고 요청하는 게 지겨워서 Claude Code 모드를 만들었다.
Author: Tomas Varga

Claude에게 차트를 ASCII로 다시 만들라고 요청하는 게 지겨워서 Claude Code 모드를 만들었다. 이제 모든 다이어그램이 프롬프트 위에 고정된다. 펼치고, 전체 화면으로 보고, Mermaid로 렌더링된 모습을 보거나, 브라우저에서 열 수 있다. https://t.co/CsxGUvCMkV

Tomas Varga@tomasvarga_dev

Made a Claude Code mod because I was tired of asking Claude to redo my charts as ASCII. Now every diagram gets pinned above the prompt. Expand it, go full screen, see it rendered with Mermaid, or open it in the browser. https://t.co/CsxGUvCMkV

번역 완료

이 mod 소개

Claude에게 차트를 ASCII로 다시 만들라고 요청하는 게 지겨워서 Claude Code 모드를 만들었다.

이제 모든 다이어그램이 프롬프트 위에 고정된다. 펼치고, 전체 화면으로 보고, Mermaid로 렌더링된 모습을 보거나, 브라우저에서 열 수 있다. https://t.co/CsxGUvCMkV

설치

먼저 작성자의 README에서 marketplace와 플러그인 이름을 확인하세요. 저장소 구조에 따라 명령어가 달라질 수 있습니다.

claude plugin marketplace add tomasvarga/claude-code-diagrams
claude plugin install diagrams@claude-code-diagrams

원문 / README

Made a Claude Code mod because I was tired of asking Claude to redo my charts as ASCII.

Now every diagram gets pinned above the prompt. Expand it, go full screen, see it rendered with Mermaid, or open it in the browser. https://t.co/CsxGUvCMkV

프로젝트 정보

작성자: Tomas Varga
용도: 워크플로 및 CI
등록일: 2026년 10월 11일
원본 업데이트: 2026년 10월 11일
스타 수: 1
권한 사용 내역: L3
회 조회: 0
원본 반응:: 2 좋아요 · 142 조회

diagrammermaidterminaltuivisualization

이 작품 신고 본인의 작품인가요? 소유권 확인

후원

주 $10부터 광고

권한 사용 내역 L3

권한 사용 내역

자동 스캔 결과입니다. 설치 전에 소스를 확인하세요. 등급은 기능 범위를 나타내며 안전 인증이 아닙니다.

도구 호출 가로채기
환경 변수
파일 쓰기
명령 실행
파일 읽기
네트워크 접근

감지 위치 보기 (19）

도구 호출 가로채기 · 줄165 줄hooks/register.tsxon('tool.call', { tool: 'mcp__diagrams__show_diagram' }, async ($, e) => {

환경 변수 · 줄453 줄hooks/register.tsxconst folder = ((await $.env.get('TMPDIR')) ?? '/tmp').replace(/\/$/, '')

파일 쓰기 · 줄455 줄hooks/register.tsxawait $.fs.write(`${name}.mmd`, mermaid)

명령 실행 · 줄459 줄hooks/register.tsxconst isDone = await $.process.run(argv, { timeoutMs: RENDER_TIMEOUT_MS }).then(

파일 읽기 · 줄465 줄hooks/register.tsxconst { base64 } = await $.fs.read(`${name}.png`, { as: 'bytes' })

명령 실행 · 줄520 줄hooks/register.tsx

const run = (argv: string[]) => $.process.run(argv).then(r => (r.exitCode === 0 ? r.stdout : undefined), () => undefined)

환경 변수 · 줄521 줄hooks/register.tsxconst herdrPane = await $.env.get('HERDR_PANE_ID')

환경 변수 · 줄524 줄hooks/register.tsxconst herdr = (await $.env.get('HERDR_BIN_PATH')) || 'herdr'

환경 변수 · 줄535 줄hooks/register.tsxconst tmuxPane = await $.env.get('TMUX_PANE')

명령 실행 · 줄552 줄hooks/register.tsxconst run = (argv: string[]) => $.process.run(argv).catch(() => undefined)

환경 변수 · 줄555 줄hooks/register.tsxconst herdrPane = await $.env.get('HERDR_PANE_ID')

환경 변수 · 줄556 줄hooks/register.tsxconst herdr = (await $.env.get('HERDR_BIN_PATH')) || 'herdr'

환경 변수 · 줄562 줄hooks/register.tsxconst tmuxPane = await $.env.get('TMUX_PANE')

환경 변수 · 줄583 줄hooks/register.tsxconst folder = ((await $.env.get('TMPDIR')) ?? '/tmp').replace(/\/$/, '')

파일 읽기 · 줄588 줄hooks/register.tsx? await $.fs.read(diagram.picture.path, { as: 'bytes' }).then(read => read.base64, () => undefined)

파일 쓰기 · 줄590 줄hooks/register.tsxawait $.fs.write(path, page(diagram, picture))

명령 실행 · 줄594 줄hooks/register.tsxconst opened = await $.process.run([opener, path]).then(

네트워크 접근 · 줄792 줄hooks/register.tsxconst blob = await (await fetch(img.src)).blob()

명령 실행 · 줄839 줄hooks/register.tsxif (await $.process.run(argv).then(run => run.exitCode === 0, () => false)) {

Claude에게 차트를 다시 만들라고 요청하는 게 지겨워서 Claude Code 모드를 만들었다.

이 mod 소개

설치

비슷한 프로젝트

ruflo-loop-workers

universal-modder: Claude Code로 싱글 플레이 게임 모드 만들기

reflect-mod