# Mkdocs Class Diagram

> Sub-skill of mkdocs: Class Diagram.

- Skill: `vamseeachanta/mkdocs-class-diagram` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/mkdocs-class-diagram`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/mkdocs-class-diagram/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Docs & Writing
- Author: vamseeachanta (https://skillmd.com/u/vamseeachanta)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vamseeachanta/mkdocs-class-diagram

---


# Class Diagram

## Class Diagram


```mermaid
classDiagram
    class Document {
        +String title
        +String content
        +Date created
        +save()
        +delete()
    }
    class Page {
        +int pageNumber
        +String markdown
        +render()
    }
    class Navigation {
        +List~Page~ pages
        +addPage()
        +removePage()
    }
    Document "1" --> "*" Page
    Navigation "1" --> "*" Page
```