yds-progress-dashboardlisted
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)