Prismantis: 다채롭고 테마를 바꿀 수 있는 Claude Code 마크다운 테마 모드

Prismantis는 Nahum Litvin(NahumLitvin)이 만든 커뮤니티 모드로, 대화 기록에 있는 Claude의 답변을 색과 구조를 갖춰 다시 그리는 Claude Code 마크다운 테마 모드입니다. 마크다운 표는 색이 있는 머리글, 테두리로 둘러싼 셀, 머리글 아래 이중선을 갖추며 터미널 너비에 맞게 줄어듭니다. 코드 블록에는 언어 머리글, 복사 버튼, 24개 언어에 대한 Prism 구문 강조가 붙고, 셸 블록은 명령어, 플래그, 문자열, 주석에 색을 입힙니다. mermaid 태그가 붙은 코드 블록은 색이 있는 텍스트 아트로 그려집니다. 순서도, 시퀀스, 상태, 클래스, ER 다이어그램과 xychart-beta의 막대·꺾은선 차트를 지원합니다.

대화 기록의 나머지 부분도 스타일을 바꿉니다. 사용자가 입력한 프롬프트는 둥근 말풍선(또는 강조 막대나 꺾쇠)으로 그려집니다. 도구 호출은 상태 점과 함께 Ran gh pr view 12나 Read ~/src/app.ts 같은 한 줄로 접힙니다. 턴 바닥글은 소요 시간에 색을 입힙니다. 슬래시 명령 출력도 같은 마크다운 렌더링을 받습니다. 숫자, 버전, 시간, 경로에는 각각 고유한 색이 쓰이고, > [!WARNING] 같은 GitHub 알림은 색이 있는 상자로 그려지며, 히브리어와 아랍어 텍스트는 터미널별 처리를 거쳐 오른쪽에서 왼쪽으로 배치됩니다. 테마는 15가지에 mono가 더해집니다. README에 따르면 Claude Code 2.1.287 이상이 필요합니다.

녹화 영상에서는 Claude에게 내행성 네 개와 각 위성 수를 정리한 마크다운 표, 그리고 한 줄짜리 bash 블록을 요청합니다. prismantis를 불러온 상태에서는 프롬프트가 말풍선으로 그려지고, 표는 색이 있는 머리글과 함께 테두리로 둘러싸이며, bash 블록에는 자체 라벨과 copy 버튼이 붙고, 답변에는 copy, art, copy reply 버튼이 붙습니다.

설치 블록의 방법 중 아무것이나 사용하십시오. 모두 작성자 자신의 마켓플레이스에서 바로 설치합니다. 모드를 불러온 세션의 다음 답변부터 prismantis가 그립니다. 이미 열려 있던 세션에서는 /reload-plugins를 실행하십시오.

hooks/register.tsx는 대화 기록 컴포넌트(AssistantMessage, UserMessage, CommandOutput, ToolGroup, ToolUse, TurnDuration)에 렌더 훅을 등록합니다. 각 훅은 hooks/markdown.ts에 있는 플러그인 자체 마크다운 파서로 텍스트를 분석하고, 그 결과를 hooks/render.tsx로 그립니다. hooks/register.tsx의 어시스턴트 답변 훅은 다음과 같습니다.

on('ui.render', { component: 'AssistantMessage' }, ($, e, next) => {
  const blocks = parseCached(e.props.text)
  if (blocks.length === 0) return next(e)
  const el = $.ui.resolve(e)
  const { Box, Text } = el
  const columns = Math.max(20, (e.viewport?.columns ?? 100) - 4)
  // ...
  return (
    <Box flexDirection="row">
      <Box width={2} flexShrink={0}>
        <Text color={style.theme.accent}>{e.props.isFirstOfReply ? '●' : ' '}</Text>
      </Box>
      <Box flexDirection="column" rowGap={1} flexGrow={1}>
        {drawMarkdown($, el, style, blocks, columns, /* ... */)}
      </Box>
    </Box>
  )
})

분석할 내용이 없으면 next(e)로 넘겨 Claude Code가 메시지를 직접 그리게 합니다. 분석된 블록은 텍스트를 키로 캐시되므로 다시 그릴 때 다시 분석하지 않습니다. Mermaid 블록은 번들로 포함된 beautiful-mermaid의 ASCII 렌더러를 거치며, 창보다 넓은 다이어그램은 코드 그대로 남습니다. prompt.submit 훅은 입력창이나 Remote Control로 입력한 프롬프트에 다이어그램 힌트를 붙입니다. 이 모드는 엔진 명사 $.prismantis.markdown도 추가하므로, 다른 모드가 사용자의 prismantis 테마로 마크다운을 그릴 수 있습니다.

모든 옵션은 /config의 prismantis 아래나 ~/.claude/settings.json의 pluginConfigs에 있습니다. 주요 옵션은 다음과 같습니다.

• theme: 15가지 팔레트 중 하나 또는 mono입니다. /prismantis theme <name>으로 즉시 바꿀 수 있습니다.
• tableStyle: box, rules, grid, minimal. headingStyle: banner, bold, underline, uppercase.
• promptStyle: bubble, bar, chevron, off. toolStyle: chat, tree-dim, tree-bold, classic. taskStyle: checks, ticks, box, progress.
• toolRows, mermaid, mermaidAscii, copyButtons, diagramHints, highlightNumbers, highlightPaths는 개별 기능을 켜고 끕니다.
• 약 20개의 색 슬롯(headingColor, tableHeaderColor, numberColor, pathColor 등)은 16진수, rgb(), ansi256() 또는 색 이름을 받습니다.

/prismantis copy는 마지막 답변을, /prismantis copy code는 그 답변의 마지막 코드 블록을 마우스 없이 복사합니다. /prismantis demo는 모든 요소의 쇼케이스를 출력합니다.

저희는 실행하기 전에 벤더링된 번들 두 개를 포함해 플러그인이 불러오는 모든 파일을 읽었습니다. 플러그인은 네트워크 호출을 하지 않고, 명령을 실행하지 않으며, 파일을 읽지 않습니다. 알아 둘 점은 두 가지입니다.

• 프롬프트 읽기가 해당되는 이유는 prompt.submit 훅이 사용자가 입력하는 각 프롬프트에 모델만 보는 짧은 메모(약 190토큰)를 붙여, 이 터미널에서 무엇이 렌더링되는지 설명하기 때문입니다. 사용자의 텍스트는 바꾸지 않습니다. 이를 멈추려면 diagramHints(또는 mermaid)를 끄십시오.
• $.session.messages는 마지막 답변을 찾기 위해 /prismantis copy에서만 호출됩니다. $.config.set은 theme 옵션을 저장하기 위해 /prismantis theme에서만 호출됩니다. $.env.get은 오른쪽에서 왼쪽 처리 방식을 고르기 위해 TERM_PROGRAM, TERM 같은 터미널 변수를 읽습니다.

UI 변경은 다시 그려진 대화 기록과 "Copied" 토스트에 해당합니다. 명령/도구 추가는 /prismantis에 해당합니다. hooks/vendor/prism.js와 hooks/vendor/mermaid-text.js는 저장소의 scripts/build-vendor.mjs로 만든, 공백만 압축한 Prism과 beautiful-mermaid 빌드입니다. 플러그인은 이 스크립트를 실행하거나 패키지를 설치하지 않습니다. claude plugin validate는 경고를 보고하지 않았습니다.

macOS에서 Claude Code 2.1.291로 검증했으며, claude plugin test에서 작성자의 테스트 138개가 모두 통과했습니다. 작성자는 macOS 터미널에서 테스트했습니다. 데스크톱 앱과 VS Code도 같은 모드 API로 작동할 것으로 보이지만 직접 확인하지는 않았습니다.

• 답변이 그대로 보인다면: claude --version이 2.1.287 이상인지, /plugin에서 플러그인이 활성화되어 있는지, /config에서 enabled가 켜져 있는지 확인하십시오. 열린 세션에 설치했다면 /reload-plugins를 실행하십시오.
• 다이어그램에 네모 상자나 깨진 선이 보인다면: 박스 그리기 문자 대신 + - |로 그리는 mermaidAscii를 켜십시오.
• 복사 버튼을 클릭해도 반응이 없다면: 터미널이 클릭을 전달하지 않을 수 있습니다. 대신 /prismantis copy를 사용하십시오.
• 밝은 배경에서 색이 이상하다면: github-light나 catppuccin-latte 같은 밝은 테마를 고르십시오.