codemermaid

Installation
SKILL.md

CodeMermaid

Generate a multi-page interactive HTML site that teaches a codebase as scrollable essays — architecture views, default Build-Up walkthroughs, beautiful-mermaid diagrams, typed pedagogical units (concept, quiz, takeaway, diagram, code-walk, code-graph, whoa) carrying the lesson. Zero build tools, zero npm. Each output page links shared CSS, runtime JS, and the beautiful-mermaid browser bundle; diagrams render client-side with Raycast dark theming.

When to Use

  • "Generate an interactive course for this codebase"
  • "Create a visual walkthrough of this project's architecture"
  • "Make an interactive module dependency diagram"
  • "Build a tutorial page from this codebase"

Output

Directory: docs/codemermaid/

Installs
5
GitHub Stars
1
First Seen
May 31, 2026
codemermaid — neo-hack/supermario