Stats
Actions
Tags
From visual-documentation
Use when someone asks to create a timeline, project roadmap, Gantt chart, milestone plan, release schedule, sprint plan, or wants to visualize tasks and dates over time. Triggers on: timeline, roadmap, Gantt chart, milestone, project schedule, release plan, sprint timeline, quarter roadmap, project phases, delivery schedule, launch timeline.
How this skill is triggered — by the user, by Claude, or both
Slash command
/visual-documentation:timeline-creatorThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Generates visual timelines, Gantt charts, and project roadmaps as standalone HTML files.
Generates visual timelines, Gantt charts, and project roadmaps as standalone HTML files. Visualizes tasks, milestones, and phases over a date range.
Before generating:
If dates are vague (e.g., "Q1 to Q3"), convert to approximate calendar dates and confirm.
Read references/timelines.md before writing HTML.
Apply semantic colors for task status:
| Status | Color | Meaning |
|---|---|---|
| Completed | #48bb78 | Done |
| In Progress | #4299e1 | Active / current |
| Planned | #a0aec0 | Not yet started |
| At Risk | #ed8936 | Delayed or blocked |
| Milestone | #9f7aea | Key delivery point |
[project-name]-timeline.htmlnew Date() in JS or the current date from context).Use when: tasks have start/end dates and need to show parallel workstreams. Structure: Y-axis = tasks/phases, X-axis = time. Bars represent duration.
Use when: the key deliverables are points in time, not ranges. Structure: Horizontal time axis with milestone markers and labels above/below the line.
Use when: planning is at a quarterly/monthly level without specific day-level dates. Structure: Columns = Q1/Q2/Q3/Q4. Rows = features/workstreams. Cards per cell.
See references/timelines.md for HTML templates for each type.
npx claudepluginhub prakhar625/my-plugins --plugin visual-documentationCreate HTML timelines and roadmaps with status pills, dependency arrows, and milestone markers — for quarterly planning, project retrospectives, release histories, incident timelines, sprint visualizations. Use whenever the user wants to visualize a sequence of events over time, a plan, a roadmap, a release schedule, or look back at how a project unfolded. Reach for this whenever the explanation has a clear time axis, even if the user doesn't say "timeline".
Creates visual roadmaps for large projects with phases, milestones, and timeline. Useful for planning and communicating project structure.
Generates interactive Gantt charts, critical paths, and what-if delay scenarios from dependency-tagged task plans. Flags near-critical tasks, shows program impacts, drafts communications, and provides filtered workstream views.