渲染出现在 · 面板收录

marp-preview 幻灯片预览

在侧栏实时预览 Marp 幻灯片,保存后自动渲染并跳到改动页。

marp-preview 幻灯片预览 · 效果预览 · 示意示意
> 给订单列表加上分页
⏺ 我先看看列表组件。
❯

示意。实际效果取决于 Mod、终端和运行环境。

安装

/plugin marketplace add nogu66/marp-preview
/plugin install marp-preview@marp-preview
/reload-plugins

在 Claude Code 会话里逐行执行这些命令。

它会碰什么

据原作者说明,收录时核对;可用 claude plugin validate 自行检查。

读取

有

读取你打开的 Marp 甲板及其修改时间;可用 grep 在项目里查找含 marp: true 的 .md。

写入文件

有

把渲染出的 PNG 写到 /tmp/marp-preview/,不改项目内甲板。

运行命令

有

长期运行 marp --watch(或 npx @marp-team/marp-cli),以及查找甲板时的 grep。

联网

有

作者说明除 npx 首次拉取 marp-cli 外不另联网;本地已有 marp 时可不触发。

介绍

marp-preview 是 Claude Code 的 function hooks Mod:用 /marp 在侧栏打开 Marp 幻灯片预览,把每页渲成一列可滚动图片;Claude 或编辑器保存后自动重渲,并滚到发生变化的那一页。它只读甲板文件,不改项目内容;PNG 写在 /tmp/marp-preview/。会启动 marp(项目内二进制,否则 npx @marp-team/marp-cli)以及用于找甲板的 grep。npx 首次拉取可能联网。需要 Claude Code 2.1.289+,以及支持 kitty 图形协议的终端(如 Ghostty、kitty;不经过 tmux/ssh)。下方预览为示意。

适合谁

  • 在 Claude Code 里改 Marp 讲义、不想反复切浏览器的人

运行要求

  • Claude Code ≥ 2.1.289
  • 平台 · macOS / Linux
  • 需要支持 kitty 图形协议的终端(Ghostty/kitty),且不要经 tmux 或 ssh。
  • 项目内有 marp-cli 更快;否则走 npx,首次可能较慢。