Agent skill · daymade

report-with-html

Produces the reader-facing HTML artifact — report, dashboard, architecture view, data browser, or review workbench — evidence-backed, browser-verified. Use when the deliverable IS a visual HTML report, or the user asks for an HTML/web presentation. Load data-visualization-discipline for chart judgment. Not for chat status or Markdown prose unless asked to become a report; not for PowerPoint (deck-creator Route C).

What it needs

About 11k tokens when loaded.

What this skill does

report-with-html Create a reader-facing HTML artifact whose information architecture follows the reader's question—not the author's implementation checklist. Trigger boundary Use this skill when the requested artifact is itself a visual HTML report or interactive information tool. Typical outputs include: a system, architecture, journey, causal, decision, comparison, or gap view; a client-facing data report or one-pager; a data/archive browser or review workbench; an explicitly requested HTML/web presentation. Do not trigger it for a normal status reply, generic review, code diff, issue list, or Markdown document. Those tasks may be reported in chat unless the user explicitly asks to turn the result into a visual HTML artifact. For restoring or hosting an existing HTML page without changing its content, take Existing HTML restoration and stop after its delivery checks. This transport-only route does not enter the new-report design, masked-render or reader-review workflow below. If the request also changes the report's conclusions, layout or interactions, use the applicable authoring/maintenance workflow for those changes. For a local report that needs HTTP preview, use references/local-http-preview.md and its bundled scripts/previewreport.py. Serve only the reviewed explicit file snapshot; verify its HTTP readiness and rendered content/action in the permitted browser. The default delivery is the verified HTML opened in a browser. A PNG is a QA artifact and is delivered only when the user asks for an image. If the user needs editable PowerPoint, finish and verify the HTML first, then use deck-creator (Route C). SSOT map Visualization judgment lives in another skill — load it before designing any chart or geometry. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills daymade/report-with-html

View the source on GitHub

Browse the @skills marketplace