Rich HTML Agent Skill

An agent skill that makes AI coding agents like Claude Code, Codex, Cursor, and Gemini present their work as a polished, self-contained **HTML deck or document** instead of plain Markdown - with Mermaid diagrams, styled cards, tables, callouts, a cohesive dark theme, and download buttons for the files a run produced.

It uses the [Agent Skills](https://agentskills.io/home) format, so it works smoothly with Claude Code, Codex, Gemini, Cursor, and more.

Why HTML over Markdown

Markdown is clean, but flat. It cannot draw a diagram, lay out a card grid, color-code a callout, run as a navigable slide deck, or hand you a download button for a result file. After a long, intensive run - a research loop that tried 200 ideas, a multi-hour build, a deep refactor - the most useful thing an agent can hand back is an HTML deck: clear slides, honest reflection on what worked and what did not, and buttons to grab the best artifacts. Page through it with a coffee.

What It Produces

Two self-contained output profiles, each a single `.html` file that opens in any browser:

• Deck - fullscreen slides with keyboard / click / swipe navigation, a progress bar, and a counter. For recaps, showcases, pitches, and research-loop reviews.
• Document - one long scrolling page with sections, tables, legends, and inline diagrams. For architecture write-ups, reports, specs, and references.

Both share a GitHub-dark design system and support:

• Mermaid diagrams - flowcharts, seq