Use when you need to display a considerable amount of markdown content, or the user asks to display markdown in a browser, preview markdown files, or render markdown with styling...
Render markdown content in a browser using a clean, styled HTML page with CDN-based markdown parsing.
Use this skill when the user:
The skill uses:
python scripts/display.py <path-to-markdown-file>
Example:
python scripts/display.py README.md
python scripts/display.py <path-to-markdown-file> --title "My Title"
Example:
python scripts/display.py README.md --title "Project Documentation"
python scripts/display.py --content "# Hello\\n\\nThis is **bold** text"
Note: Use \\n for newlines when passing content via command line.
When invoking from Claude Code, use the ${CLAUDE_PLUGIN_ROOT} variable:
python ${CLAUDE_PLUGIN_ROOT}/skills/show-markdown/scripts/display.py /path/to/file.md
--title argument (highest priority)# heading from markdown contentxdg-openxdg-open (respects system default)tempfile.mkstemppython scripts/display.py README.md
python scripts/display.py README.md --title "My Project Documentation"
python scripts/display.py docs/api.md
python scripts/display.py --content "# Title\\n\\n- Item 1\\n- Item 2\\n\\nCode: `example`"
python scripts/display.py --content "# Title\\n\\nContent" --title "My Custom Title"
The skill supports rendering mermaid diagrams inline. Use fenced code blocks with the mermaid language identifier:
```mermaid
graph TD
A[Start] --> B{Decision}
B -->|Yes| C[Do something]
B -->|No| D[Do something else]
C --> E[End]
D --> E
```
Supported diagram types:
graph TD, graph LR, etc.)sequenceDiagram)classDiagram)stateDiagram-v2)erDiagram)gantt)pie)Click-to-zoom: Click on any rendered diagram to open it in a larger modal view. Press Escape or click the backdrop to close.
xdg-open installed