Can I use this for non-software projects?

Absolutely. Any project that involves tasks, dates, and key milestones can be effectively visualized using this tool.

Does it support progress tracking?

Yes, the skill uses status-based colors and percentage bars to visualize the completion progress of individual tasks and overall project phases.

Can I customize the phases of the roadmap?

Yes, the skill supports custom groupings such as fiscal quarters (Q1-Q4), monthly views, or specific project-defined development stages.

What format does the timeline output in?

The skill generates a standalone, responsive HTML file containing the complete timeline, Gantt chart, and embedded CSS styles for easy sharing.

Timeline & Roadmap Creator

Name: Timeline & Roadmap Creator
Author: prof-ramos

byprof-ramos

•

Collaboration Tools

Generates interactive HTML timelines and project roadmaps featuring Gantt charts, milestones, and progress indicators.

The Timeline Creator skill empowers users to visualize project schedules and deliverables by automatically generating professional, standalone HTML timelines. It transforms raw task lists and date ranges into structured Gantt charts with custom phase groupings, color-coded status indicators, and dedicated milestone sections. This tool is ideal for project managers and developers who need to quickly communicate progress or plan long-term roadmaps through a clean, responsive, and portable web format.

Key Features

01Interactive Gantt-style horizontal bar visualizations

02Responsive HTML/CSS output for easy viewing across devices

03Custom phase groupings for quarters or project stages

041 GitHub stars

05Automated milestone tracking with specific dates

06Status-based semantic color coding (Done, In-Progress, Planned)

Use Cases

01Tracking development progress and milestones across multiple workstreams

02Generating a quarterly product roadmap from a list of features

03Creating a visual project schedule for stakeholder presentations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add prof-ramos/.codex timeline-creator

For use in Claude.ai and ChatGPT

Download Skill