Claude Gfm Render — Documentation skill for Claude Code
Claude Code mod: GitHub Flavored Markdown alerts, task lists, strikethrough and Mermaid diagrams in the transcript.
How to install Claude Gfm Render
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open briangtn/claude-gfm-render and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Claude Gfm Render does
Claude Code mod: GitHub Flavored Markdown alerts, task lists, strikethrough and Mermaid diagrams in the transcript.
Alternatives in Documentation
- 会话管理(Session Manager)需求文档(PRD / Markdown) — 目标:对 Codex / Claude Code 的本地会话记录进行可视化管理,并提供“一键复制 / 一键终端恢复”能力 31.7k ★
- Repo Recap — Generate a structured recap of the repository state: open PRs, open issues, recent releases, and executive sum 11.9k ★
- Skills Quick Reference Guide — A guide for choosing the right skill for your task 6.8k ★
README
claude-gfm-render
**Alerts, task lists, strikethrough and Mermaid diagrams, drawn inside Claude Code's replies.**
[](https://claude.com/claude-code) [](#install) [](hooks/gfm.test.tsx) [](LICENSE)
[Install](#install) · [Before / after](#before--after) · [What it handles](#what-it-handles) · [How it works](#how-it-works)
Claude writes GitHub Flavored Markdown all day: `> [!WARNING]` callouts, `- [ ]` checklists, ```` ```mermaid ```` diagrams. The terminal shows them as raw text. This mod draws them, without touching the message itself (`ctrl+o` still shows the original).
Install
git clone https://github.com/briangtn/claude-gfm-render.git ~/perso/claude-gfm-render
claude --plugin-dir ~/perso/claude-gfm-render
To load it in every session, terminal and desktop app alike, add it to `~/.claude/settings.json`:
{
"env": {
"CLAUDE_CODE_PLUGIN_DIRS": "~/perso/claude-gfm-render"
}
}
[!NOTE] Mods (function hooks) are an early-access API of Claude Code and may change between releases. Built and tested on Claude Code 2.1.286 and 2.1.287. No build step: the mod is plain files, and the folder is watched, so an edit reloads it in the running session.
Claude writes GFM on its own
Drawing GFM is half the job: Claude also has to write it. The mod ships [`GFM.md`](GFM.md), a short note on what the transcript can draw (alerts, task lists, strikethrough, the Mermaid types that render), which a `SessionStart` hook adds to Claude's context at startup, after `/clear` and after a compaction. No `CLAU
Related Skills
MarkSight
Browser-only Markdown editor that packages any document into a Claude Agent Skill (SKILL.md / .skill bundle) i
Think Render
Render the most recent structured thought output (from /think) as a diagram or document. Usage: /think-render
Publishing Astro Websites Agentic Skill
A comprehensive Claude Code skill for building and deploying static websites with the Astro framework. Covers
Explain Plan
Convert a plan doc into a self-contained interactive HTML explanation (Mermaid diagrams, blast-radius map, ste
Brewbuddy Diagrams
A small BrewBuddy reference project demonstrating how Claude Code and Mermaid can be used to create clear, cod
Prefer HTML Output Skill
Claude Code skill: decide when to render output as HTML over Markdown — based on Thariq Shihipar's html-effect
Related Agents
Technical Doc Writer
Technical design documentation writer using GitHub Markdown with Mermaid diagrams. Use for architecture docs,
Doc Diagrammer
Use this agent to create readable, focused Mermaid diagrams embedded directly in markdown documentation. Featu
Agentic Workflow Patterns
by ThibautMelen - A comprehensive and well-documented collection of agentic patterns from Anthropic docs, with