Does it support custom phases or just quarterly views?

The skill is flexible and supports both standard quarterly groupings (Q1-Q4) and custom phase names defined by your specific project structure.

Can I customize the colors of the generated timeline?

Yes, the skill uses standard CSS classes for status colors (done, in-progress, planned) which can be easily modified in the generated HTML output.

How does it handle task progress?

It calculates duration percentages and applies progress bars to task items, providing a clear visual representation of how far along each task is.

Is the output file ready for browser viewing?

Absolutely. The skill generates a standalone HTML file with embedded CSS, making it ready to open in any modern web browser or host on a static site.

Timeline & Roadmap Creator

Name: Timeline & Roadmap Creator
Author: pur3v4d3r

bypur3v4d3r

•

Productivity & Workflow

Generates interactive HTML-based project timelines and Gantt charts to visualize schedules, phases, and milestones.

The Timeline Creator skill empowers Claude to transform complex project requirements into professional, interactive HTML roadmaps and Gantt charts. It automatically parses tasks, dates, and statuses to generate visual documentation featuring phase groupings, progress indicators, and key milestones. This skill is perfect for project managers and developers who need to communicate project timelines clearly without manually crafting complex CSS layouts, ensuring project schedules are always documented and easy to interpret.

Key Features

01Interactive HTML/CSS Gantt-style visualizations

02Dynamic progress bars with semantic status coloring

03Responsive layout design for cross-device visibility

041 GitHub stars

05Automatic phase grouping by quarters or custom milestones

06Automated generation of project-specific timeline files

Use Cases

01Generating a quarterly project roadmap for stakeholders

02Documenting project milestones and delivery schedules within a repository

03Creating a visual Gantt chart for complex development sprints

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pur3v4d3r/pur3-pkb-codebase timeline-creator

For use in Claude.ai and ChatGPT

Download Skill