MPH Figure

Turns markdown (or raw HTML) into a pixel-accurate image: it renders the content in a real browser via Playwright and screenshots it. Because a browser does the layout, the output has full CSS fidelity — real fonts, text wrapping, column alignment, the lot. More accurate than SVG-shortcut generators, which only support a subset of CSS.

Built mainly for one job: Substack cannot render markdown tables. The mph-substack-writer skill mandates "generate an image instead." This skill is how you generate it.

When to use it

• A Substack post (or any doc) needs a table — render it as an image instead of writing a raw markdown table.
• Any time structured content (a comparison, a stat block, a small data card) reads better as a clean image than as plain markdown.

One-time setup