Visualize

Generate a single, self-contained HTML file that visually explains a system, plan, code flow, or concept. The output opens in the browser — never fall back to ASCII art when this skill is loaded.

Default aesthetic: the "HTML effectiveness" editorial gallery style. Use an ivory page, serif display headings, clay accents, quiet card grids, simple SVG illustrations, and generous whitespace. The page should feel like something the user wants to read, not a dashboard skin.

When to Use

• Visualize a complicated plan or proposal
• Explain key primitives before implementing a plan
• Visual explanation of steps from a third-party repo or blog post
• Understand a module's code flow or execution path

Workflow