visual-documentation-skills
v1.1.0Skills for creating stunning visual HTML documentation with modern UI design, SVG diagrams, flowcharts, dashboards, timelines, technical documentation, and comprehensive project architecture diagrams
by mhattingpete657updated 2 weeks ago
Source
git clone https://github.com/mhattingpete/claude-skills-marketplaceClone the source, then follow the repository's marketplace instructions for your runtime. The plugin root is visual-documentation-plugin/ inside the repository.
Layout
├── .claude-plugin/plugin.json├── skills/architecture-diagram-creator/SKILL.md├── skills/dashboard-creator/SKILL.md├── skills/flowchart-creator/SKILL.md├── skills/technical-doc-creator/SKILL.md└── skills/timeline-creator/SKILL.md
Skills5
Create comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. Use when users request system architecture, project documentation, high-level overviews, or technical specifications.
Create HTML dashboards with KPI metric cards, bar/pie/line charts, progress indicators, and data visualizations. Use when users request dashboards, metrics displays, KPI visualizations, data charts, or monitoring interfaces.
Create HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes. Use when users request flowcharts, process diagrams, workflow visualizations, or decision trees.
Create HTML technical documentation with code blocks, API workflows, system architecture diagrams, and syntax highlighting. Use when users request technical documentation, API docs, API references, code examples, or developer documentation.
Create HTML timelines and project roadmaps with Gantt charts, milestones, phase groupings, and progress indicators. Use when users request timelines, roadmaps, Gantt charts, project schedules, or milestone visualizations.
Manifests1
{
"name": "visual-documentation-skills",
"version": "1.1.0",
"description": "Skills for creating stunning visual HTML documentation with modern UI design, SVG diagrams, flowcharts, dashboards, timelines, technical documentation, and comprehensive project architecture diagrams",
"author": {
"name": "mhattingpete",
"email": "noreply@github.com"
}
}