HTML Report Generator

Use Case

When you need to turn project summaries, technical docs, report slides, tutorials, data reports, or meeting notes into shareable HTML pages, this skill constrains output to a set of document templates. That avoids ad hoc HTML with inconsistent styles, missing interactions, and hard-to-maintain markup.

How It Works

It starts by selecting a document type and generation mode: A is a full version with a custom panel, B is a concise fixed-style version, and C is a static version without interactions. It then uses option codes for detail level, target word count, audience, tone, and whether to include an SVG flow diagram, comparison table, timeline, theme, and effects. The skill only replaces template placeholders such as {{TITLE}} and {{CONTENT}}, preserving the built-in styles, cards, timelines, and panel logic instead of rewriting HTML from scratch.

Limits

It is best for fixed-structure report pages with a consistent visual style. It is not intended for complex backend data, dynamic chart interactions, or custom business components. The full mode carries more interactions and is heavier to generate, while the static mode is lighter but less adjustable. Use a clear project name and document type so the output can be named {project}_{document_type}.html.