HTML Summary Generator

Problem addressed

Turns project summaries, reports, and review notes from plain-text drafts into a single-page HTML document that can be opened directly in a browser. It is useful when you want a themed report with title, metadata, stat cards, content sections, and footer, without hand-writing HTML, CSS, and JavaScript. The skill constrains the generation flow rather than replacing content analysis: confirm document type and mode, collect remaining options in one step, extract facts from context, then render an embedded template.

How it works

The core capability is three output modes: Full, Compact, and Static. The full mode keeps interactive controls such as color picker, animation, and font adjustments; the compact mode uses fixed styling and preset themes; the static mode produces a minimal page with no interactivity.

• Compressed interaction: first asks for document type and generation mode, then asks all remaining options in one batch to reduce back-and-forth.
• Content extraction: pulls project name, background, stack, timeline, outcomes, issues, and solutions from files, references, or conversation context; it avoids asking for details that can already be inferred.
• Template rendering: uses the embedded template at the end of the skill file and replaces placeholders such as {{TITLE}}, {{CONTENT}}, and {{STAT1_NUMBER}}; compact/static modes also replace theme color placeholders.
• Output constraints: follows selected length and detail levels to avoid title-only sections, one-line bullets, or padded repetition.

Boundary and caveats

This skill is best for single-page HTML summaries, such as project reviews, technical reports, or learning notes. It depends on input quality: missing facts may still need clarification. It focuses on templated page generation, not deployment, backend APIs, multi-page sites, editable office documents, or dynamic data binding. If the project requires exact brand systems, complex navigation, or live data, additional development is needed.