timeline-creator

What it does

This skill generates interactive HTML timelines and project roadmaps. It allows for the inclusion of Gantt charts to visualize task durations, clearly defined milestones to mark significant achievements, phase groupings to organize work into logical sections, and progress indicators to track completion status. The output is a web-ready HTML file that can be easily shared or embedded.

When to use it

• A project manager needs to create a visual representation of a project schedule for stakeholders.
• A team wants to communicate key milestones and deadlines for an upcoming product launch.
• An individual requires a roadmap outlining the phases of a personal learning journey.
• When users specifically request timelines, roadmaps, Gantt charts, or project schedules.

Key capabilities

• Generates HTML timelines
• Includes Gantt chart visualizations
• Supports milestones for key achievements
• Allows for phase groupings within the timeline
• Incorporates progress indicators

Example prompts

• "Create a roadmap for launching a new mobile app, including phases for design, development, testing, and release."
• "Generate a Gantt chart showing the tasks involved in organizing a conference, with milestones for securing speakers and venue."
• “Build an HTML timeline outlining my progress learning Python, with milestones for completing basic tutorials and building a simple project.”

Tips & gotchas

The skill outputs HTML code. Ensure you have a web browser or environment capable of rendering HTML to view the generated timeline. The complexity of the input prompt directly affects the detail and accuracy of the resulting timeline.