跳到正文
ccmods.app

gfm-render

在 Claude 回复中渲染 GitHub Flavored Markdown:提示框、任务列表、删除线和 Mermaid 图。

作者 @briangtn19更新于 广泛访问GitHub

安装

  1. 1. 克隆仓库

    $ git clone https://github.com/briangtn/claude-gfm-render.git
  2. 2. 启动 Claude Code 并在本次会话加载该 mod

    $ claude --plugin-dir ./claude-gfm-render

该仓库还没有 marketplace 文件,此方式只在本次会话加载。需要 Claude Code 2.1.287 或更高版本,在终端执行。完整安装指南

gfm-render 运行截图
图片来自项目 README

gfm-render 能做什么?

  • 将 Claude 回复中的 > [!WARNING] 等 GFM 提示块绘制为彩色框
  • 终端中任务列表显示为 ☐ / ☑ 复选框,并渲染 ~~删除线~~
  • 终端中将 Mermaid 流程图、时序图、状态图、类图、ER 图和 xychart 绘制为 Unicode 字符画
  • 桌面端、VS Code 和移动端将 Mermaid 渲染为 SVG;ctrl+o 仍显示原文
  • SessionStart hook 告知 Claude 可写哪些 GFM,可用 promptHint 选项关闭

需要什么?

  • Claude Code 2.1.287 或更高版本(终端)
  • 可选:PATH 中有 node(桌面端 Mermaid SVG 渲染需要)

这个 mod 能访问什么?

以下内容由 claude plugin validate 在 Claude Code 2.1.296 上读取 mod 代码得出(同步于 2026年10月12日)。这是能力清单,不是安全审计;mod 以你的权限运行,请只安装可信作者的 mod。

广泛访问
  • 在你的机器上运行程序
Hook 与接口调用 (1 + 4)

hooks

  • ui.render{component=AssistantMessage}

calls

  • $.process.run
  • $.state.get
  • $.state.set
  • $.ui.resolve

skins

hellosverre/claude-skins

104

重绘 Claude Code 对话界面:工具调用、diff、表格、代码和 Mermaid 图表变为卡片,提供 15 套 skin。

界面提示词工具调用广泛访问
$ claude plugin install skins --marketplace hellosverre/claude-skins

replay-theater

anthropics/claude-code-playground

210

记录上一轮 Claude 的文件编辑,在 pane 中逐条回放每个 diff。

Anthropic 官方样例界面工具调用命令中等访问
$ claude plugin install replay-theater --marketplace ./claude-code-playground/claude-code/mods

token-weather

anthropics/claude-code-playground

210

在 prompt 上方用天气图标显示上下文窗口占用,附最近各轮的用量走势。

Anthropic 官方样例界面最小访问
$ claude plugin install token-weather --marketplace ./claude-code-playground/claude-code/mods