html-canvas
Installation
SKILL.md
html-canvas
Produce a single, self-contained HTML artifact tailored to one of five archetype use-cases. Inspired by Thariq's "Unreasonable Effectiveness of HTML" — HTML is denser, more readable, more shareable, and supports two-way interaction in a way markdown cannot.
When to use
| Mode | Use when the user wants… |
|---|---|
spec |
Brainstorming, comparing approaches, or an implementation plan with mockups. |
code-review |
A PR walkthrough, annotated diff, or focused review of a code area. |
design |
Visual designs, component prototypes, animation tuning, or design-system artifacts. |
report |
An explainer, research summary, status report, or technical deep-dive. |
editor |
A throwaway purpose-built UI to triage/edit/tune data, ending with an export. |
If the user asks for something HTML-shaped that doesn't clearly map to one of these, ask which mode fits or pick the closest and tell them.