interactive-research-report

name

interactive-research-report

description

Turn any deep report/research document into a McKinsey/GS-grade interactive research website — theme-native visual grammar, editorial typesetting, four-state animated cover, signature chart library, every number drillable, persistent right-rail dashboard. Use when the user asks for an "interactive research report site / interactive report / turn a report into a website / data-visualization report". Zero-build vanilla JS; delivers a multi-file site plus a single-file version that opens over file://.

Interactive Research Report · site-building skill

Turn one deep report (any topic: chips, the hog cycle, energy, logistics, pharma…) into an interactive, drillable, animated-cover, editorial-grade single-page research site.

The skill has three layers: invariants (fonts/palette/layout/components — copy verbatim, see DESIGN.md and assets/), abstraction rules (covers generated from the "theme atom", charts selected by "data shape" — see COVER.md and CHARTS.md), and methodology (the debug loop and postmortem checklist — see QA.md).

0 · File map

File	When to read
DESIGN.md	Read fully before starting — design-system hard constraints + editorial components + copy register
CHARTS.md	Consult before every chart — curated signature graphics, elimination list, and data-shape selection
COVER.md	When building the cover — four-state cover engine (incl. the D unboxing opener) + the "theme atom" abstraction
QA.md	After every module + before wrapping up — debug loop, gates, postmortem checklist
assets/theme.css	Copy directly as the site's (base theme, use as-is)