deepskyblue86/claude-markdown-mod
md-render
Claude Code mod that redraws assistant messages as colored markdown.
About this mod
md-render is a Claude Code mod that restyles assistant replies as colored markdown after streaming completes. It renders headings, bold, italic, strikethrough, inline code, lists, quotes, and links with configurable colors, while fenced code blocks and tables fall back to Claude Code's own renderer. The streamed text itself is redrawn as plain text and only restyled on completion, since user mods cannot replace classic.MessageDisplay. Install via claude plugin marketplace add deepskyblue86/claude-markdown-mod then claude plugin install md-render@md-render-marketplace, or try it for one session with claude --plugin-dir. Colors and style mappings live in CONFIG atop hooks/register.tsx, and no build step is required. Licensed under MIT.
Installation
Check the author's README for the marketplace and plugin name first. Commands may change as the repository evolves.
claude plugin marketplace add deepskyblue86/claude-markdown-mod claude plugin install md-render
Original text / README
md-render
Claude Code mod that redraws assistant messages as colored markdown.
<table width="100%"> <tr> <th width="50%" align="center">Before</th> <th width="50%" align="center">After</th> </tr> <tr> <td width="50%" valign="top"><img width="100%" src="resources/claude.png" alt="Claude Code's default markdown rendering of examples/showcase.md"></td> <td width="50%" valign="top"><img width="100%" src="resources/claude-markdown-mod.png" alt="The same message rendered by md-render"></td> </tr> </table>Both screenshots show the reply to "Print examples/showcase.md verbatim".
| Markdown | Rendering |
|---|---|
| # Heading | bold purple |
| **bold** | bold orange |
| *italic* | italic amber |
| ***bold italic*** | bold italic |
| ~~strike~~ | strikethrough |
| `code` | green |
| - item, 1. item | orange markers, nested lists indented |
| > quote | dim │ bar, italic text |
| fenced code, tables | drawn by Claude Code's own renderer (syntax highlighting, wrapping) |
| [text](url) | the text followed by the dim address |
| images, anything else | plain text |
Unclosed **, `, ~~, or a fence (mid-stream) stay plain text until they close.
If the message text can't be read or parsing throws, the default rendering is used.
The reply streams as plain text drawn by Claude Code and is restyled when the message completes.
A mod can't change the streamed text: classic.MessageDisplay is bypassed for user mods by cc-plugin-sec-default.
Install
From a marketplace (this repo is one):
claude plugin marketplace add deepskyblue86/claude-markdown-mod
claude plugin install md-render@md-render-marketplace
Try it for one session without installing:
claude --plugin-dir /path/to/claude-markdown-mod
Configure
Colors and the style mapping are in CONFIG at the top of hooks/register.tsx.
A style's color is a key of CONFIG.colors or a raw color.
Develop
No build step: Claude Code loads hooks/register.tsx directly.
claude plugin validate .
claude plugin test .
.claude-plugin/types/ is generated by Claude Code on load and is gitignored.
License
MIT. See LICENSE.
Other works with the same name
- md-renderruslanfialkovskii · ★ 0
