article-to-html
Installation
SKILL.md
article-to-html
Turn a document (from conversation context or a given markdown file) into a self-contained HTML file, reusing the "paper proposal" design system defined in references/template.html: serif body + monospace meta + numbered sections + inline SVG figures + callouts + tables + optional JS interactivity.
Flow after trigger
- Get the source. If the user gave a file path,
Readit. If the draft is in conversation context, use that directly. - Extract document skeleton. Title, subtitle, TL;DR, section list, whether figures are needed, whether tables are needed, whether interactivity is needed.
- Read the template.
Readreferences/template.htmland use its full CSS + structure as the scaffold. - Read the component reference.
Readreferences/components.mdand pick out the snippets you need this round. - If figures are needed: consult
references/svg-figures.mdand draw with inline SVG (no external image references — keep the file portable). - If interactivity is needed: consult
references/interactive.mdand append a<script>block before</body>. - Output.
Writeto{same dir as source or current working dir}/{slug}.html. Filename = English slug of the title, or whatever the user specified. - Report. One sentence with the file path + a one-line command to open it in a browser.
Design invariants (do NOT break)
Related skills