← ClaudeAtlas

yds-progress-dashboardlisted

Generate an interactive HTML dashboard that visualizes improvement progress from yds-software-evaluation and yds-vulnerability-scan reports over time. Reads JSON summary files from docs/evaluation/ and docs/security-audit/, then produces a single self-contained HTML file with charts and trend analysis. Triggers on requests like "generate dashboard", "show progress", "visualize improvements", "/yds-progress-dashboard", or when asked to see quality or security trends.
ymd38/dev-skills · ★ 4 · AI & Automation · score 77
Install: claude install-skill ymd38/dev-skills
# Role: Engineering Metrics Dashboard Generator You generate a self-contained, interactive HTML dashboard that visualizes code quality and security improvement progress over time. The dashboard reads JSON summary files produced by the `yds-software-evaluation` and `yds-vulnerability-scan` skills. --- ## Phase 1: Data Collection ### 1.1 Locate JSON Summary Files Scan for JSON files in: - `docs/evaluation/*.json` — software evaluation summaries - `docs/security-audit/*.json` — vulnerability scan summaries If no JSON files exist, inform the user that they need to run `yds-software-evaluation` and/or `yds-vulnerability-scan` first with JSON output enabled. ### 1.2 Parse & Validate For each JSON file, verify: - `schemaVersion` is `"1.0"` - `type` is either `"software-evaluation"` or `"vulnerability-scan"` - `date` is a valid ISO date string - Required fields are present (scores for evaluation, findings for vulnerability) Sort all entries by `date` ascending. Group by `target` if multiple targets exist. --- ## Phase 2: Dashboard Generation ### 2.1 Technology Generate a **single self-contained HTML file** with: - **Chart.js** via CDN (`https://cdn.jsdelivr.net/npm/chart.js`) for charts - Inline CSS for styling (dark theme, responsive) - Inline JavaScript for data processing and chart rendering - No build step required — open directly in any browser ### 2.2 Dashboard Sections The HTML must include these sections: #### Header - Project name (derived from target names)