Prismantis: mod de tema markdown para Claude Code com respostas coloridas

O Prismantis é um mod de tema markdown para Claude Code, da comunidade, criado por Nahum Litvin (NahumLitvin) que redesenha as respostas do Claude na transcrição com cor e estrutura. Tabelas markdown ganham cabeçalhos coloridos, células em caixas e uma linha dupla sob o cabeçalho, e encolhem para caber no terminal. Blocos de código ganham um cabeçalho com a linguagem, um botão de copiar e destaque do Prism para 24 linguagens, e blocos de shell colorem o comando, as flags, as strings e os comentários. Blocos de código marcados como mermaid são desenhados como arte em texto colorida: fluxogramas, diagramas de sequência, de estados, de classes e ER, além de gráficos de barras e de linhas do xychart-beta.

Ele também muda o estilo do resto da transcrição. Os seus próprios prompts aparecem em um balão arredondado (ou com uma barra de destaque ou um chevron). As chamadas de ferramentas viram uma linha só, como Ran gh pr view 12 ou Read ~/src/app.ts, com um ponto de status. O rodapé do turno colore a duração. A saída dos comandos de barra recebe a mesma renderização markdown. Números, versões, durações e caminhos têm cores próprias, alertas do GitHub como > [!WARNING] são desenhados como caixas coloridas, e textos em hebraico e árabe são diagramados da direita para a esquerda com tratamento específico para cada terminal. São 15 temas mais o mono. O README diz que ele precisa do Claude Code 2.1.287 ou mais recente.

A gravação pede ao Claude uma tabela markdown dos quatro planetas internos e do número de luas de cada um, mais um bloco bash de uma linha. Com o prismantis carregado, o prompt aparece em um balão, a tabela fica em caixas com cabeçalhos coloridos, o bloco bash ganha o seu próprio rótulo e um botão copy, e a resposta tem os botões copy, art e copy reply.

Use qualquer um dos métodos do bloco de instalação; eles instalam direto do marketplace do próprio autor. A próxima resposta em uma sessão com o mod carregado já é desenhada pelo prismantis. Execute /reload-plugins nas sessões que já estavam abertas.

hooks/register.tsx registra hooks de renderização nos componentes da transcrição (AssistantMessage, UserMessage, CommandOutput, ToolGroup, ToolUse e TurnDuration). Cada um analisa o texto com o parser de markdown do próprio plugin, em hooks/markdown.ts, e desenha o resultado com hooks/render.tsx. Este é o hook das respostas do assistente, de 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>
  )
})

Quando não há nada para analisar, ele recorre a next(e) e o Claude Code desenha a mensagem por conta própria. Os blocos analisados ficam em cache pelo texto, então um redesenho não analisa de novo. Os blocos mermaid passam por uma cópia empacotada do renderizador ASCII do beautiful-mermaid, e um diagrama mais largo que a janela continua como código. Um hook prompt.submit adiciona a dica sobre diagramas aos prompts digitados no compositor ou via Remote Control. O mod também acrescenta um substantivo ao engine, $.prismantis.markdown, para que outros mods possam desenhar markdown no tema do prismantis do usuário.

Todas as opções ficam no /config em prismantis, ou em pluginConfigs no ~/.claude/settings.json. As principais:

• theme: uma das 15 paletas ou mono. /prismantis theme <name> troca na hora.
• tableStyle: box, rules, grid ou minimal. headingStyle: banner, bold, underline ou uppercase.
• promptStyle: bubble, bar, chevron ou off. toolStyle: chat, tree-dim, tree-bold ou classic. taskStyle: checks, ticks, box ou progress.
• toolRows, mermaid, mermaidAscii, copyButtons, diagramHints, highlightNumbers e highlightPaths ligam ou desligam recursos específicos.
• Cerca de 20 espaços de cor (headingColor, tableHeaderColor, numberColor, pathColor e assim por diante) aceitam hex, rgb(), ansi256() ou um nome de cor.

/prismantis copy copia a última resposta, e /prismantis copy code copia o último bloco de código dela, sem mouse. /prismantis demo imprime uma vitrine de todos os elementos.

Lemos todos os arquivos que o plugin carrega antes de rodá-lo, incluindo os dois pacotes de terceiros embutidos. O plugin não faz chamadas de rede, não executa comandos e não lê arquivos. Vale saber duas coisas:

• Lê seus prompts se aplica porque um hook prompt.submit anexa a cada prompt que você digita uma nota curta só para o modelo (cerca de 190 tokens), descrevendo o que é renderizado neste terminal. Ele não muda o seu texto. Desligue diagramHints (ou mermaid) para evitar isso.
• $.session.messages só é chamado pelo /prismantis copy, para encontrar a última resposta. $.config.set só é chamado pelo /prismantis theme, para salvar a opção theme. $.env.get lê variáveis do terminal como TERM_PROGRAM e TERM para escolher o tratamento da direita para a esquerda.

Altera a interface cobre a transcrição redesenhada e os toasts "Copied". Adiciona comandos/ferramentas cobre o /prismantis. hooks/vendor/prism.js e hooks/vendor/mermaid-text.js são builds do Prism e do beautiful-mermaid minificados só nos espaços em branco, gerados pelo scripts/build-vendor.mjs do repositório. O plugin não executa esses scripts nem instala pacotes. O claude plugin validate não relatou avisos.

Validamos com o Claude Code 2.1.291 no macOS, e o claude plugin test passou em todos os 138 testes do autor. O autor testou no terminal do macOS; o app desktop e o VS Code devem funcionar pela mesma API de mods, mas não foram verificados manualmente.

• As respostas parecem iguais: confira se claude --version é 2.1.287 ou mais recente, se o plugin está ativado em /plugin e se enabled está ligado no /config. Execute /reload-plugins depois de instalar em uma sessão aberta.
• Quadrados ou linhas quebradas nos diagramas: ligue mermaidAscii, que desenha com + - | em vez de caracteres de desenho de caixas.
• Os botões de copiar não fazem nada ao clicar: talvez o seu terminal não repasse os cliques. Use /prismantis copy no lugar.
• As cores ficam estranhas em fundo claro: escolha um tema claro, como github-light ou catppuccin-latte.