HTML Timeline & Roadmap Views

Timelines are how humans think about anything with a time axis. Roadmaps, retrospectives, release histories, incident timelines, sprint plans — they all benefit from seeing time horizontally.

When to use this skill

• "Make me a roadmap / timeline / Gantt for X"
• "Plan the next [quarter, 6 months, year]"
• "Visualize the release history / sprint plan / project schedule"
• "Build a retrospective timeline showing how X unfolded"
• "Map the incident timeline"
• Any explanation where time order matters and the time spans are visible

Output requirements

Time runs horizontally (left=past, right=future). On a phone, time runs vertically with bars rendered as stacked cards — that's the responsive collapse for this skill.