marp-preview 幻灯片预览
在侧栏实时预览 Marp 幻灯片,保存后自动渲染并跳到改动页。
> 给订单列表加上分页
⏺ 我先看看列表组件。
❯
示意。实际效果取决于 Mod、终端和运行环境。
安装
/plugin marketplace add nogu66/marp-preview
/plugin install marp-preview@marp-preview
/reload-plugins在 Claude Code 会话里逐行执行这些命令。
claude plugin marketplace add nogu66/marp-preview
claude plugin install marp-preview@marp-preview然后在会话里执行 /reload-plugins,或开一个新会话。
请帮我安装 Claude Code Mod「marp-preview 幻灯片预览」(https://github.com/nogu66/marp-preview)。安装前先阅读仓库 README 的 Security 和 Requirements 部分,告诉我它会读写哪些内容、运行什么命令、是否联网,以及对 Claude Code 版本、系统和终端的要求。确认没有问题后,运行 claude plugin marketplace add nogu66/marp-preview 和 claude plugin install marp-preview@marp-preview 完成安装,最后提醒我在会话里执行 /reload-plugins。把这段话发给 Claude Code,它会先读原作者说明再安装。
git clone https://github.com/nogu66/marp-preview
cd marp-preview
claude --plugin-dir ./plugins/marp-preview克隆仓库后用 --plugin-dir 在本地会话中试用。
它会碰什么
据原作者说明,收录时核对;可用 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,首次可能较慢。