Prismantis: mod de tema markdown para Claude Code con respuestas a color

Prismantis es un mod de tema markdown para Claude Code, de la comunidad, creado por Nahum Litvin (NahumLitvin) que redibuja las respuestas de Claude en la transcripción con color y estructura. Las tablas markdown reciben cabeceras en color, celdas en cajas y una doble línea bajo la cabecera, y se encogen para caber en la terminal. Los bloques de código reciben una cabecera con el lenguaje, un botón de copiar y resaltado de Prism para 24 lenguajes, y los bloques de shell colorean el comando, las opciones, las cadenas y los comentarios. Los bloques de código etiquetados como mermaid se dibujan como arte de texto en color: diagramas de flujo, de secuencia, de estados, de clases y ER, además de gráficos de barras y de líneas de xychart-beta.

También cambia el estilo del resto de la transcripción. Tus propios prompts se dibujan en una burbuja redondeada (o con una barra de acento o un chevrón). Las llamadas a herramientas se reducen a una línea como Ran gh pr view 12 o Read ~/src/app.ts, con un punto de estado. El pie del turno colorea la duración. La salida de los comandos de barra recibe el mismo renderizado markdown. Los números, las versiones, las duraciones y las rutas tienen sus propios colores, las alertas de GitHub como > [!WARNING] se dibujan como cajas en color, y el texto en hebreo y árabe se maqueta de derecha a izquierda con un tratamiento específico para cada terminal. Hay 15 temas más mono. El README indica que necesita Claude Code 2.1.287 o posterior.

La grabación pide a Claude una tabla markdown de los cuatro planetas interiores y su número de lunas, además de un bloque bash de una línea. Con prismantis cargado, el prompt se dibuja en una burbuja, la tabla aparece en cajas con cabeceras en color, el bloque bash recibe su propia etiqueta y un botón copy, y la respuesta tiene los botones copy, art y copy reply.

Usa cualquiera de los métodos del bloque de instalación; instalan directamente desde el marketplace del propio autor. La siguiente respuesta en una sesión con el mod cargado la dibuja prismantis. Ejecuta /reload-plugins en las sesiones que ya estaban abiertas.

hooks/register.tsx registra hooks de renderizado sobre los componentes de la transcripción (AssistantMessage, UserMessage, CommandOutput, ToolGroup, ToolUse y TurnDuration). Cada uno analiza el texto con el parser de markdown propio del plugin, en hooks/markdown.ts, y dibuja el resultado con hooks/render.tsx. Este es el hook de las respuestas del asistente, 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>
  )
})

Cuando no hay nada que analizar, recurre a next(e) y Claude Code dibuja el mensaje por sí mismo. Los bloques analizados se guardan en caché por texto, así que un redibujado no vuelve a analizar. Los bloques mermaid pasan por una copia empaquetada del renderizador ASCII de beautiful-mermaid, y un diagrama más ancho que la ventana se queda como código. Un hook de prompt.submit añade la pista sobre diagramas a los prompts escritos en el compositor o a través de Remote Control. El mod también añade un sustantivo al motor, $.prismantis.markdown, para que otros mods puedan dibujar markdown con el tema de prismantis del usuario.

Todas las opciones están en /config bajo prismantis, o en pluginConfigs dentro de ~/.claude/settings.json. Las principales:

• theme: una de las 15 paletas o mono. /prismantis theme <name> cambia al instante.
• tableStyle: box, rules, grid o minimal. headingStyle: banner, bold, underline o uppercase.
• promptStyle: bubble, bar, chevron u off. toolStyle: chat, tree-dim, tree-bold o classic. taskStyle: checks, ticks, box o progress.
• toolRows, mermaid, mermaidAscii, copyButtons, diagramHints, highlightNumbers y highlightPaths activan o desactivan funciones concretas.
• Unas 20 ranuras de color (headingColor, tableHeaderColor, numberColor, pathColor, etc.) aceptan hex, rgb(), ansi256() o un nombre de color.

/prismantis copy copia la última respuesta, y /prismantis copy code copia su último bloque de código, sin ratón. /prismantis demo imprime una muestra de todos los elementos.

Leímos todos los archivos que carga el plugin antes de ejecutarlo, incluidos los dos paquetes incluidos de terceros. El plugin no hace llamadas de red, no ejecuta comandos y no lee archivos. Conviene saber dos cosas:

• Lee tus prompts aplica porque un hook de prompt.submit añade a cada prompt que escribes una nota breve solo para el modelo (unos 190 tokens) que describe qué se renderiza en esta terminal. No cambia tu texto. Desactiva diagramHints (o mermaid) para evitarlo.
• $.session.messages solo lo llama /prismantis copy, para encontrar la última respuesta. $.config.set solo lo llama /prismantis theme, para guardar la opción theme. $.env.get lee variables de la terminal como TERM_PROGRAM y TERM para elegir el tratamiento de derecha a izquierda.

Modifica la interfaz cubre la transcripción redibujada y los toasts de "Copied". Añade comandos/herramientas cubre /prismantis. hooks/vendor/prism.js y hooks/vendor/mermaid-text.js son compilaciones de Prism y beautiful-mermaid minificadas solo en espacios en blanco, generadas por scripts/build-vendor.mjs del repositorio. El plugin no ejecuta esos scripts ni instala paquetes. claude plugin validate no informó de avisos.

Lo validamos con Claude Code 2.1.291 en macOS, y claude plugin test pasó los 138 tests del autor. El autor lo ha probado en la terminal de macOS; la aplicación de escritorio y VS Code deberían funcionar a través de la misma API de mods, pero no se han comprobado a mano.

• Las respuestas se ven igual: comprueba que claude --version es 2.1.287 o posterior, que el plugin está habilitado en /plugin y que enabled está activado en /config. Ejecuta /reload-plugins después de instalar en una sesión abierta.
• Cuadros o líneas rotas en los diagramas: activa mermaidAscii, que dibuja con + - | en lugar de caracteres de dibujo de cajas.
• Los botones de copiar no hacen nada al hacer clic: puede que tu terminal no transmita los clics. Usa /prismantis copy en su lugar.
• Los colores se ven mal sobre un fondo claro: elige un tema claro como github-light o catppuccin-latte.