Research Report to Interactive Website Generation

Generate interactive React presentation websites from markdown research reports using Tailwind CSS v4 + shadcn/ui. Parse report structure into tabbed sections with interactive components, deploy as static sites to GitHub Pages.

Markdown Parsing Strategy

Parse research report markdown into a structured site architecture:

Structure Mapping

• H1 heading becomes the site title and appears in the browser tab and hero area
• H2 headings become top-level tabs in the tabbed navigation
• H3 headings become sections within each tab, rendered as scroll-anchored blocks
• H4+ headings become subsection headers within their parent section
• Executive Summary (if present) becomes a hero callout on the Overview tab
• Table of Contents is replaced by the tab navigation — do not render the original TOC
• References/Endnotes sections become the Sources tab with CitationCard components
• Research Methodology merges into the Sources tab as a collapsible section