skills.rest
daisyden
daisydenCOMMUNITY
Explore all skills by this author →
GitHub

Generate HTML Report Skill

Convert Markdown bug triage reports into interactive HTML dashboards with localStorage checkboxes.

1|3|Updated Feb 28, 2025
Search Tags:#localstorage#issue-triage#data-filtering#html-report#markdown-parser#bug-scrub
One-click install
npx skills add https://github.com/daisyden/ai_for_validation --skill generate-html-report-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Generate HTML Report Skill
Source: https://github.com/daisyden/ai_for_validation/tree/main/opencode/issue_triage/.claude/skills/bug_scrub/collect_AR/generate_html_report
Command: npx skills add https://github.com/daisyden/ai_for_validation --skill generate-html-report-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires openpyxl, and includes scripts (resource) components.

What problem does it solve?

Phase 5b bug-triage reports can be tedious to parse and track, especially when all progress is stored only in static Markdown. This skill provides an interactive HTML dashboard generated from the current bug_scrub.md, enabling per-row Done state persistence in the browser and dynamic filtering to quickly surface items by Assignee, Priority, Category, Dependency, and more.

Core Features & Use Cases

  • Re-runs gen_bug_scrub_md.py to refresh bug_scrub.md and renders an offline, self-contained HTML report at result/bug_scrub.html.
  • Per-row Done checkboxes persisted in browser localStorage, with visual treatment for completed rows and a global Hide Done option.
  • Sticky filter bar with multi-dimension filtering (Assignee, Owner Transferred, Priority, Category, Dependency, Milestone) plus free-text search, applied across all sections.
  • Export Done IDs capability to copy a comma-separated list of completed issue IDs to the clipboard.
  • Fully self-contained CSS/JS inlined in the HTML for offline viewing and easy sharing.

Quick Start

Run the gen_bug_scrub_html.py script to refresh the HTML report and then open opencode/issue_triage/result/bug_scrub.html in your browser.

Frequently Asked Questions about Generate HTML Report Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a markdown bug triage report into an interactive HTML dashboard?▼

To convert a markdown bug triage report into an interactive HTML dashboard, this skill parses markdown tables and emits a self-contained HTML file with data-* attributes for filtering. It outputs the interactive report to opencode/issue_triage/result/bug_scrub.html.

How does localStorage work for tracking bug triage progress in an HTML report?▼

localStorage tracks bug triage progress by persisting per-issue Done checkboxes directly in the browser. This mechanism ensures completed rows retain their visual state and can be toggled globally with a Hide Done option without requiring a backend server.

Do I need Python 3 and openpyxl to generate an interactive HTML bug scrub report?▼

You need Python 3 to run the generation script, and openpyxl is an optional dependency used to read metadata from the Issues sheet. The script re-runs gen_bug_scrub_md.py to refresh workbook data before parsing it into the HTML bug scrub report.

Can I filter bug scrub markdown tables by Assignee and Priority in a generated HTML file?▼

Yes, you can filter bug scrub data in the generated HTML file using a sticky filter bar. It supports multi-dimension filtering across Assignee, Priority, Category, Dependency, and Milestone, plus free-text search applied across all rendered sections.

What is the best way to share an offline interactive bug triage report with a team?▼

The best way to share an offline interactive bug triage report is using a self-contained HTML file. This skill inlines all CSS and JS directly into the output HTML, allowing easy offline viewing and sharing without external dependencies.

How do I export completed issue IDs from a bug scrub HTML dashboard?▼

You can export completed issue IDs from the bug scrub HTML dashboard using the Export Done IDs capability. This feature copies a comma-separated list of checked issue IDs directly to your clipboard for quick sharing.

Related Skills

Explore More Data & Analytics Skills→
AIDotNetAIDotNet
602

excel-processor

Read, write, format, and analyze Excel workbooks with Python and openpyxl.

Official
Intermediate
gquthiergquthier
14

obsidian-dashboard

Generate self-contained HTML project dashboards inside an Obsidian vault.

Community
Intermediate
abdulahad139abdulahad139

task-filter

Filter task views by status, priority, and due date with persistent state.

Community
Intermediate
s23hs23h

report-style-guide

Generate self-contained HTML data reports with metrics dashboards and charts.

Community
Intermediate