Prismantis：カラフルに着せ替えられる Claude Code の Markdown テーマ Mod

Prismantis は Claude Code の Markdown テーマ Mod で、Nahum Litvin（NahumLitvin）によるコミュニティ Mod です。トランスクリプト内の Claude の返信を、色と構造を加えて描き直します。Markdown の表には色付きのヘッダー、枠で囲まれたセル、ヘッダー下の二重線が付き、ターミナルの幅に合わせて縮みます。コードブロックには言語のヘッダー、コピーボタン、24 言語に対応した Prism のハイライトが付き、シェルのブロックではコマンド名、フラグ、文字列、コメントが色分けされます。mermaid タグの付いたコードブロックは、色付きのテキストアートとして描かれます。フローチャート、シーケンス図、状態図、クラス図、ER 図に加え、xychart-beta による棒グラフと折れ線グラフにも対応します。

トランスクリプトのそれ以外の部分も装いを変えます。あなた自身のプロンプトは角の丸い吹き出し（またはアクセントバーやシェブロン）で描かれます。ツール呼び出しは Ran gh pr view 12 や Read ~/src/app.ts のような 1 行に折りたたまれ、状態を示すドットが付きます。ターンのフッターでは所要時間が色付けされます。スラッシュコマンドの出力にも同じ Markdown の描画が適用されます。数値、バージョン、所要時間、パスはそれぞれ専用の色になり、> [!WARNING] のような GitHub のアラートは色付きのボックスとして描かれ、ヘブライ語やアラビア語のテキストはターミナルごとの処理を施して右から左にレイアウトされます。テーマは 15 種類と mono があります。README によると、Claude Code 2.1.287 以降が必要です。

録画では、内惑星 4 つとその衛星の数を Markdown の表で、さらに 1 行の bash ブロックを Claude に依頼します。prismantis を読み込んだ状態では、プロンプトは吹き出しで描かれ、表は色付きのヘッダー付きで枠に囲まれ、bash ブロックには専用のラベルと copy ボタンが付き、返信には copy、art、copy reply ボタンが付きます。

インストールブロックのいずれかの方法を使ってください。どれも作者自身のマーケットプレイスから直接インストールします。Mod を読み込んだセッションでは、次の返信から prismantis が描画します。すでに開いていたセッションでは /reload-plugins を実行してください。

hooks/register.tsx は、トランスクリプトのコンポーネント（AssistantMessage、UserMessage、CommandOutput、ToolGroup、ToolUse、TurnDuration）に描画フックを登録します。それぞれのフックは、hooks/markdown.ts にあるプラグイン独自の Markdown パーサーでテキストを解析し、その結果を 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 から入力されたプロンプトに図のヒントを添えます。この Mod はエンジンの名詞 $.prismantis.markdown も追加するので、ほかの Mod もユーザーの prismantis テーマで Markdown を描画できます。

すべてのオプションは /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 はすべての要素の見本を表示します。

私たちは実行前に、同梱された 2 つのバンドルを含め、プラグインが読み込むすべてのファイルを読みました。プラグインはネットワーク通信、コマンドの実行、ファイルの読み取りを行いません。知っておくべき点が 2 つあります。

• プロンプトの読み取り に該当するのは、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 も同じ Mod API で動作するはずですが、手作業では確認されていません。

• 返信の見た目が変わらない：claude --version が 2.1.287 以降であること、/plugin でプラグインが有効になっていること、/config で enabled がオンであることを確認してください。開いているセッションにインストールした後は /reload-plugins を実行してください。
• 図に四角や崩れた線が出る：mermaidAscii をオンにすると、罫線文字の代わりに + - | で描画します。
• コピーボタンをクリックしても何も起きない：ターミナルがクリックを渡していない可能性があります。代わりに /prismantis copy を使ってください。
• 明るい背景で色がおかしく見える：github-light や catppuccin-latte などのライトテーマを選んでください。