deepskyblue86/claude-markdown-mod
关于这个 mod
md-render 是一个 Claude Code mod,会在流式传输完成后将助手回复重新设置为彩色 Markdown。它会以可配置的颜色渲染标题、粗体、斜体、删除线、行内代码、列表、引用和链接;围栏代码块与表格则回退到 Claude Code 自带的渲染器。由于用户 mod 无法替换 classic.MessageDisplay,流式文本本身会先以纯文本重新绘制,只在完成后重新设置样式。使用 claude plugin marketplace add deepskyblue86/claude-markdown-mod,然后执行 claude plugin install md-render@md-render-marketplace 安装;也可以用 claude --plugin-dir 试用一个会话。颜色和样式映射位于 CONFIG 顶部的 hooks/register.tsx 中,不需要构建步骤。采用 MIT 许可。
安装
请先查看作者 README 确认 marketplace 和插件名称;命令可能随仓库结构改变。
claude plugin marketplace add deepskyblue86/claude-markdown-mod claude plugin install md-render
原文 / 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.
其他同名作品
- md-renderruslanfialkovskii · ★ 0
