ClaudeMods
☰
JA
● 0 人がオンライン ・閲覧 0 回
スポンサー作品を投稿
GitHub リポジトリ · 投稿者 deepskyblue86

md-render

アシスタントのメッセージを色付き Markdown として再描画する Claude Code mod。

deepskyblue86@deepskyblue86

deepskyblue86/claude-markdown-mod

翻訳済み

この mod について

md-render は、ストリーミング完了後にアシスタントの返信を色付き Markdown として再スタイルする Claude Code mod です。見出し、太字、斜体、取り消し線、インラインコード、リスト、引用、リンクを設定可能な色で描画し、フェンス付きコードブロックと表は Claude Code 独自のレンダラーにフォールバックします。ユーザー mod は classic.MessageDisplay を置き換えられないため、ストリーミング中のテキスト自体はプレーンテキストとして描き直し、完了時だけスタイルを適用します。claude plugin marketplace add deepskyblue86/claude-markdown-mod の後に claude plugin install md-render@md-render-marketplace を実行してインストールするか、claude --plugin-dir で 1 セッションだけ試せます。色とスタイルのマッピングは hooks/register.tsx 上部の CONFIG にあり、ビルド手順は不要です。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.

同名の他の作品

関連作品