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.

Pre-flight — run BEFORE writing the artifact

Invoke html-skills:html-skills-listen (Skill tool) first; it is idempotent. If it returns a URL, inject it verbatim as window.__CLAUDE_SUBMIT_URL__ in the HTML you are about to write, ?t= query string included (a local, single-session loopback handshake — not a credential). If it reported web/sandbox mode, leave that line out; submitToClaude then falls back to clipboard mode.

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