html-style

Transform barebones HTML into styled output using a specific design system.

Workflow

1. Read the user's HTML
2. Identify elements to style (tables, lists, status text, buttons, sections)
3. Inject <style> block from assets/base.css
4. Add appropriate classes to HTML elements
5. Add interactive JS if needed (copy buttons, drafts, collapsible sections)

Quick Class Reference