create-html-report
Create HTML report
Write for a visual reader who may not be a native English speaker. A report works when the reader can understand the main point from the shapes before reading a sentence, and when the words are plain. Your job is to turn the request into a page where every section is anchored by a visual, in the house style, as one HTML file.
The style and all the behaviour live in two hosted files, so the HTML you write is only structure and content:
<link rel="stylesheet" href="https://alfonsograziano.it/tools/report.css">
<script src="https://alfonsograziano.it/tools/report.js" defer></script>
Their source is assets/report.css and assets/report.js in this skill. If you fork the skill and want your own look, host your copy of the two files and change the two URLs in assets/template.html, scripts/check.mjs, scripts/inline.mjs and scripts/localize.mjs. Do not copy them into the report and do not restyle the components. A <style> block of more than a few lines means you are fighting the kit: look for the component first in references/components.md.