Visual Documentation Plugin

Create stunning visual HTML documentation with modern UI design, SVG diagrams, and interactive visualizations.

Version: 1.1.0

---

Skills

architecture-diagram-creator

Activates when you say:

• "Create an architecture diagram"
• "Generate a project architecture overview"
• "Document the system architecture"
• "Create a high-level system design"

What it does: Creates comprehensive HTML architecture diagrams covering business objectives, data flows, processing pipelines, features (functional and non-functional), system architecture, deployment information, and reference tables. Perfect for documenting entire software projects.

---

flowchart-creator

Activates when you say:

• "Create a flowchart for deployment"
• "Make a process flow diagram"
• "Generate a decision tree"

What it does: Creates HTML flowcharts with color-coded stages, decision trees, arrows, and swimlanes.

---

dashboard-creator

Activates when you say:

• "Create a dashboard for metrics"
• "Make a KPI visualization"
• "Generate a performance dashboard"

What it does: Creates HTML dashboards with metric cards, charts, progress indicators, and data visualizations.

---

technical-doc-creator

Activates when you say:

• "Create API documentation"
• "Document the architecture"
• "Generate technical docs"

What it does: Creates comprehensive HTML documentation with code blocks, API workflows, and system diagrams.

---

timeline-creator

Activates when you say:

• "Create a project timeline"
• "Make a roadmap"
• "Generate a Gantt chart"

What it does: Creates HTML timelines and roadmaps with milestones, phase groupings, and progress indicators.

---

Features

• Modern gradient design with semantic color system
• Responsive, mobile-first layout
• WCAG AA accessibility compliance
• Self-contained HTML (no external dependencies)
• SVG diagrams and visualizations

---

Installation

Add to your .claude-plugin/marketplace.json:

{
  "plugins": [
    {
      "name": "visual-documentation-plugin",
      "source": "github:anthropics/claude-skills-marketplace/visual-documentation-plugin",
      "version": "1.1.0"
    }
  ]
}

---

Author

mhattingpete