Prismantis: Die Claude Code Markdown-Theme-Mod für farbige Antworten

Prismantis ist eine Community-Mod von Nahum Litvin (NahumLitvin): eine Claude Code Markdown-Theme-Mod, die Claudes Antworten im Transkript mit Farbe und Struktur neu zeichnet. Markdown-Tabellen bekommen farbige Kopfzeilen, umrandete Zellen und eine Doppellinie unter dem Kopf, und sie schrumpfen auf Terminalbreite. Codeblöcke bekommen eine Sprachkopfzeile, einen Kopierknopf und Prism-Hervorhebung für 24 Sprachen, und Shell-Blöcke färben Befehlswort, Flags, Strings und Kommentare. Mit mermaid markierte Codeblöcke werden als farbige Textgrafik gezeichnet: Flussdiagramme, Sequenz-, Zustands-, Klassen- und ER-Diagramme sowie Balken- und Liniendiagramme aus xychart-beta.

Auch der Rest des Transkripts wird neu gestaltet. Deine eigenen Prompts erscheinen in einer abgerundeten Sprechblase (oder mit Akzentbalken oder Chevron). Tool-Aufrufe klappen zu einer Zeile wie Ran gh pr view 12 oder Read ~/src/app.ts mit einem Statuspunkt zusammen. Die Turn-Fußzeile färbt die Dauer. Die Ausgabe von Slash-Befehlen bekommt dasselbe Markdown-Rendering. Zahlen, Versionen, Dauern und Pfade erhalten eigene Farben, GitHub-Hinweise wie > [!WARNING] werden als farbige Kästen gezeichnet, und hebräischer und arabischer Text wird mit terminalspezifischer Behandlung von rechts nach links gesetzt. Es gibt 15 Themes plus mono. Laut README ist Claude Code 2.1.287 oder neuer nötig.

Die Aufnahme bittet Claude um eine Markdown-Tabelle der vier inneren Planeten mit ihrer Mondanzahl sowie um einen einzeiligen Bash-Block. Mit geladenem prismantis erscheint der Prompt in einer Sprechblase, die Tabelle ist mit farbigen Kopfzeilen umrandet, der Bash-Block bekommt ein eigenes Label und einen copy-Knopf, und die Antwort hat die Knöpfe copy, art und copy reply.

Nutze eine beliebige Methode aus dem Installationsblock; alle installieren direkt aus dem eigenen Marketplace des Autors. Die nächste Antwort in einer Sitzung mit geladener Mod zeichnet prismantis. Führe in bereits offenen Sitzungen /reload-plugins aus.

hooks/register.tsx registriert Render-Hooks auf den Transkript-Komponenten (AssistantMessage, UserMessage, CommandOutput, ToolGroup, ToolUse und TurnDuration). Jeder Hook parst den Text mit dem eigenen Markdown-Parser des Plugins in hooks/markdown.ts und zeichnet das Ergebnis mit hooks/render.tsx. Hier der Hook für Assistenten-Antworten aus 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>
  )
})

Gibt es nichts zu parsen, fällt der Hook auf next(e) zurück, und Claude Code zeichnet die Nachricht selbst. Geparste Blöcke werden pro Text zwischengespeichert, sodass ein Neuzeichnen nicht erneut parst. Mermaid-Blöcke laufen durch eine mitgelieferte Kopie des ASCII-Renderers von beautiful-mermaid, und ein Diagramm, das breiter als das Fenster ist, bleibt als Code stehen. Ein prompt.submit-Hook hängt den Diagramm-Hinweis an Prompts, die im Eingabefeld oder über Remote Control eingegeben werden. Die Mod fügt außerdem ein Engine-Nomen hinzu, $.prismantis.markdown, damit andere Mods Markdown im prismantis-Theme des Nutzers zeichnen können.

Jede Option steht in /config unter prismantis oder in pluginConfigs in ~/.claude/settings.json. Die wichtigsten:

• theme: eine der 15 Paletten oder mono. /prismantis theme <name> wechselt sofort.
• tableStyle: box, rules, grid oder minimal. headingStyle: banner, bold, underline oder uppercase.
• promptStyle: bubble, bar, chevron oder off. toolStyle: chat, tree-dim, tree-bold oder classic. taskStyle: checks, ticks, box oder progress.
• toolRows, mermaid, mermaidAscii, copyButtons, diagramHints, highlightNumbers und highlightPaths schalten einzelne Funktionen ein oder aus.
• Rund 20 Farbslots (headingColor, tableHeaderColor, numberColor, pathColor und so weiter) akzeptieren Hex, rgb(), ansi256() oder einen Farbnamen.

/prismantis copy kopiert die letzte Antwort und /prismantis copy code deren letzten Codeblock, ganz ohne Maus. /prismantis demo gibt eine Übersicht aller Elemente aus.

Wir haben jede Datei gelesen, die das Plugin lädt, bevor wir es ausgeführt haben, einschließlich der beiden mitgelieferten Bundles. Das Plugin stellt keine Netzwerkaufrufe, führt keine Befehle aus und liest keine Dateien. Zwei Punkte sind gut zu wissen:

• Liest deine Prompts trifft zu, weil ein prompt.submit-Hook an jeden eingegebenen Prompt eine kurze Notiz nur für das Modell anhängt (etwa 190 Tokens), die beschreibt, was in diesem Terminal gerendert wird. Deinen Text ändert er nicht. Schalte diagramHints (oder mermaid) aus, um das zu beenden.
• $.session.messages wird nur von /prismantis copy aufgerufen, um die letzte Antwort zu finden. $.config.set wird nur von /prismantis theme aufgerufen, um die Option theme zu speichern. $.env.get liest Terminalvariablen wie TERM_PROGRAM und TERM, um die passende Rechts-nach-links-Behandlung zu wählen.

Ändert die UI betrifft das neu gezeichnete Transkript und die „Copied“-Toasts. Fügt Befehle/Tools hinzu betrifft /prismantis. hooks/vendor/prism.js und hooks/vendor/mermaid-text.js sind von Leerraum befreite Builds von Prism und beautiful-mermaid, erzeugt mit dem Skript scripts/build-vendor.mjs des Repos. Das Plugin führt diese Skripte nicht aus und installiert keine Pakete. claude plugin validate meldete keine Warnungen.

Wir haben die Mod mit Claude Code 2.1.291 unter macOS validiert, und claude plugin test bestand alle 138 Tests des Autors. Der Autor hat sie im Terminal unter macOS getestet; die Desktop-App und VS Code sollten über dieselbe Mod-API funktionieren, wurden aber nicht von Hand geprüft.

• Antworten sehen unverändert aus: Prüfe, ob claude --version 2.1.287 oder neuer ist, das Plugin in /plugin aktiviert ist und enabled in /config an ist. Führe nach einer Installation in eine offene Sitzung /reload-plugins aus.
• Kästchen oder kaputte Linien in Diagrammen: Schalte mermaidAscii ein, das mit + - | statt mit Rahmenzeichen zeichnet.
• Kopierknöpfe reagieren nicht auf Klicks: Dein Terminal leitet Klicks womöglich nicht weiter. Nutze stattdessen /prismantis copy.
• Farben wirken auf hellem Hintergrund falsch: Wähle ein helles Theme wie github-light oder catppuccin-latte.