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

  1. Get the source. If the user gave a file path, Read it. If the draft is in conversation context, use that directly.
  2. Extract document skeleton. Title, subtitle, TL;DR, section list, whether figures are needed, whether tables are needed, whether interactivity is needed.
  3. Read the template. Read references/template.html and use its full CSS + structure as the scaffold.
  4. Read the component reference. Read references/components.md and pick out the snippets you need this round.
  5. If figures are needed: consult references/svg-figures.md and draw with inline SVG (no external image references — keep the file portable).
  6. If interactivity is needed: consult references/interactive.md and append a <script> block before </body>.
  7. Output. Write to {same dir as source or current working dir}/{slug}.html. Filename = English slug of the title, or whatever the user specified.
  8. Report. One sentence with the file path + a one-line command to open it in a browser.

Design invariants (do NOT break)

Related skills

More from agentara/skills

Installs
13
Repository
agentara/skills
GitHub Stars
186
First Seen
3 days ago