CLAUDE.md 查看器与编辑器

AI 编程工具靠 Markdown 运转:CLAUDE.md、AGENTS.md、SKILL.md、计划文档和 README。在这里打开它们,表格、代码块、Mermaid 图表和提示块都能正确显示,还能边改边看实时预览。免费,在浏览器里运行,文件不上传。

免费 · 无需注册 · 在浏览器中运行,不上传任何内容

带大纲侧栏的阅读模式,Claude 主题与衬线字体
阅读模式加文档大纲,这里是 Claude 主题配衬线正文。

为什么 AI 说明文件值得一个像样的查看器

编程助手是靠 Markdown 来“调教”的。CLAUDE.md 告诉 Claude Code 你的项目怎么构建、要避免什么;AGENTS.md 对其他编程智能体起同样的作用;SKILL.md 把一个可复用的技能打包;GEMINI.md、计划文档和设计笔记也是同一套路。它们写成文本,却充满结构:层层嵌套的规则列表、命令表格、围栏 shell 片段、警告、指向其他文件的链接。当原始文本读,既累人,一个多余的星号或没闭合的代码围栏,还会悄悄改变整份文档的含义。

在这里打开一个,你看到的就是作者想表达的样子:能在大纲里导航的标题、缩进正确的规则列表、列对齐的表格、一键复制的命令代码块,以及醒目的 > [!WARNING] 提示块。提交说明文件之前先在这里检查,或者在批准之前通读智能体给你写的长篇计划,都很方便。

打开并阅读 AGENTS.md、SKILL.md 和计划文件

对于 SKILL.md,两行 --- 之间的 YAML front matter 会作为独立区块显示在正文上方,名称和描述一目了然。查看器不会校验技能是否合规——它只是把文本渲染出来给你看。

图表、表格和提示块,渲染到位

智能体喜欢用 Mermaid 图表解释架构:围栏里的 mermaid 块会在预览里直接变成流程图、时序图、类图、状态图或甘特图(所有图表类型见 Mermaid 在线编辑器页面)。选项或接口的表格渲染成真正的表格,任务列表显示复选框,美元符号之间的公式由 KaTeX 排版,代码块支持 50 多种语言高亮并在标题栏标出语言。行内 HTML 在进入页面前会被净化,所以不是你写的文档也不能在这里运行脚本。

实时预览编辑,再存回去

切换到分栏布局,源码旁边就是渲染结果,方便整理说明文件。编辑器有格式工具栏、快捷键、列表自动续行和 Tab 缩进,预览会跟着你正在编辑的那一行滚动——对长文件很有用,因为一个缩进错位的列表项就可能改变含义。改完后,导出 → 下载 .md 给你一个文件,放回项目文件夹;复制 Markdown 则把文本放进剪贴板。16 套浅色和深色主题里有一套带衬线标题的 Claude 主题,可以挑一个适合长时间阅读的样式。

对语法不熟?Markdown 语法速查一页就讲完;MD 文件指南则介绍在 Windows、Mac 和手机上怎么打开 .md 文件。

你的项目说明保持私密

说明和计划文件常常会提到内部工具、路径和约定。Markdown Viewer 用浏览器里的 JavaScript 渲染一切,并把文档保存在你设备的本地存储里;没有账号,服务器上也没有副本。只有打开链接这一个操作会经过我们的服务器,而且那次获取不保存、不记录。详见隐私页面,或者直接打开主页面的 Markdown 查看器开始阅读。

实际效果

带语言标签和复制按钮的 TypeScript、Python、Bash 和 diff 代码块高亮
代码块带语言标签、50 多种语言的高亮和复制按钮——这是 One Dark 主题。
预览中渲染的 KaTeX 独立公式和 Mermaid 流程图
KaTeX 公式和 Mermaid 流程图直接在文档里渲染。
GitHub 深色主题下的 Note、Important、Warning、Caution 提示块、引用和可折叠区块
GitHub 风格提示块、引用和可折叠的 details 区块,GitHub 深色主题。
Markdown Viewer 分栏布局:左边是 Markdown 源码,右边是 GitHub 风格的渲染预览
分栏布局——源码和渲染结果并排,按行同步滚动。

使用步骤

  1. 1
    打开文件:点打开文件…、拖到页面上、粘贴文本,或用从网址打开…输入 GitHub 的原始文件链接。
  2. 2
    阅读渲染后的文档;篇幅很长的说明文件或计划,可以用大纲在章节间跳转。
  3. 3
    需要的话在分栏布局里修改,然后下载 .md,放回你的项目里。

你会得到什么

读懂智能体写出的文件

AI 工具生成的计划、规格、评审笔记和报告,渲染成真正的文档,而不是一堆符号。

YAML front matter

SKILL.md 顶部的元数据块会作为独立区块显示在正文上方。

表格与代码

管道表格、任务列表,以及带语法配色和复制按钮的围栏代码。

Mermaid 图表

计划里的架构图和流程图就地绘制;语法有误时会显示解析器的报错。

提示块与折叠区

GitHub 风格的 NOTE / WARNING 提示块和可折叠区块,效果与 GitHub 上一致。

天生私密

说明文件常会提到内部项目。在这里它们只留在你的浏览器里,不会上传。

常见问题

CLAUDE.md 是什么文件?
CLAUDE.md 是 Claude Code 会读取的 Markdown 文件,里面写着关于项目或关于你的说明——构建命令、约定、需要避免的事。它是纯文本,任何编辑器都能打开,但用查看器才能正确看到它的结构。
AGENTS.md 和 SKILL.md 是什么?
AGENTS.md 是写给编程智能体的说明 Markdown 文件,不少工具都会读取,例如 OpenAI Codex 和 opencode。SKILL.md 定义一个智能体技能:开头是一小段 YAML front matter(名称和描述),后面是 Markdown 说明。两者都是普通的 .md 文件。
这些文件在隐藏文件夹里,也能打开吗?
可以,但要先让文件对话框显示隐藏项目:Mac 上按 Cmd+Shift+.,Windows 资源管理器在「查看」菜单里勾选「隐藏的项目」,多数 Linux 文件对话框按 Ctrl+H。或者直接复制文本,粘贴进编辑器。
GitHub 上的 CLAUDE.md 能打开吗?
可以。用「打开 → 从网址打开…」粘贴 GitHub 链接,blob 链接会自动换成原始文件。也可以访问 mdrender.com/?url= 加上文件地址。只能获取公开文件。
编辑会改动我的原文件吗?
不会。网页无法写回你的磁盘。在这里编辑后点「下载 .md」,再自己替换原文件即可。编辑器会在浏览器里自动保存一份副本。
粘贴私有项目的说明文件安全吗?
文本在你的浏览器里渲染,保存在本地存储里,不会发送到我们的服务器。例外是「分享」:它会把整篇文档放进链接里,拿到链接的人都能读到,所以含有机密或密钥的文件不要分享。
这个工具和 Anthropic、OpenAI、Google 有关系吗?
没有。Markdown Viewer 是独立工具。CLAUDE.md、AGENTS.md、SKILL.md 等产品名和文件名只用来说明查看器能打开什么。

相关工具

随时可以开始

粘贴 Markdown、拖入文件或打开网址——预览立刻出现,所有内容都留在你的设备上。

打开 Markdown Viewer