Dashboard Creator
Skill ActiveCreate 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.
To enable users to quickly create professional-looking HTML dashboards and metric displays directly from prompts, visualizing key performance indicators and data.
Features
- Generates HTML dashboards
- Creates KPI metric cards
- Renders bar, pie, and line charts
- Includes progress indicators
- Uses SVG and CSS for visualizations
Use Cases
- When users request dashboards for metrics
- When users need KPI visualizations
- When users ask for performance dashboards
- When users want data charts or monitoring interfaces
Non-Goals
- Connecting to live data sources
- Real-time data updates
- Interactive dashboard features beyond static display
Workflow
- Extract metrics and data from user prompt or context
- Generate KPI cards with values and trend indicators
- Create SVG-based charts (bar, pie, line)
- Add progress indicators and data tables
- Assemble into a complete HTML dashboard file
- Write the HTML output to a file or present as text
Maintenance
- warning:Commit recencyThe last commit was on March 6, 2026, which is over 3 months ago, indicating potential unmaintained status.
Trust
- info:Issues AttentionIn the last 90 days, 6 issues were opened and 0 were closed. With 0 closed issues and 6 open, the closure rate is 0%, indicating slow or no maintainer response to open issues.
Versioning
- warning:Release ManagementThere is no clear versioning signal (semver, release tags) for the skill or plugin, and installation instructions point to 'main', making it difficult to pin specific versions.
Installation
First, add the marketplace
/plugin marketplace add mhattingpete/claude-skills-marketplace/plugin install visual-documentation-plugin@mhattingpete-claude-skillsQuality Score
Trust Signals
Similar Extensions
Ops Revenue
100Revenue and costs tracker. AWS spend via aws ce, credits tracker, project revenue stages. Shows burn rate, runway estimate, credits expiring.
Plannotator Visual Explainer
98Generate self-contained HTML visualizations with Plannotator theming. Use for implementation plans, PR explainers, architecture diagrams, data tables, slide decks, and any visual explanation of technical concepts. Plans and PR explainers follow Plannotator's prescriptive approach; all other visual content delegates to nicobailon/visual-explainer.
Baoyu Diagram
98Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines, illustrative/conceptual diagrams, and more. Use this skill whenever the user asks for any kind of technical or conceptual diagram, visualization of a system, process flow, data flow, component relationship, network topology, decision tree, org chart, state machine, or any visual representation of structure/logic/process. Also trigger when the user says "画个图" "画一个架构图" "diagram" "flowchart" "sequence diagram" "draw me a ..." or uploads content and asks to visualize it. Output is always a standalone .svg file.
Measure Dashboard Requirements
100Specifies requirements for an analytics dashboard including metrics, visualizations, filters, and data sources. Use when requesting dashboards from data teams, defining KPI tracking, or documenting reporting needs.
Understand Dashboard
100Launch the interactive web dashboard to visualize a codebase's knowledge graph
Observability Designer
100Observability Designer (POWERFUL)