What file formats does the Timeline Creator support?

The skill generates standalone, responsive HTML files with embedded CSS, making them easy to view in any web browser or share with team members without external dependencies.

Can I customize the project phases?

Yes, the skill can automatically group items by quarters (Q1-Q4) or create custom phases based on the specific project data you provide.

How does the skill handle task status?

It uses semantic color-coding—such as green for completed tasks, blue for in-progress work, and gray for planned items—to provide an immediate visual health check of the project.

Is the generated timeline mobile-friendly?

Yes, the generated HTML structure is designed to be responsive, ensuring that your project roadmaps and Gantt charts remain readable across various screen sizes.

Timeline & Roadmap Creator

Name: Timeline & Roadmap Creator
Author: mhattingpete

bymhattingpete

•

126

•

协作工具

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

The Timeline Creator skill empowers developers and project managers to instantly transform task lists and project requirements into polished visual documentation. By generating responsive HTML-based Gantt charts and roadmaps, it provides a clear overview of project phases, task durations, and critical milestones. This skill is particularly useful during sprint planning, stakeholder presentations, or documentation phases where a high-level visual schedule is required to align teams and track development progress.

主要功能

01Progress indicators with semantic status color-coding

02126 GitHub stars

03Phase grouping by quarters or custom development cycles

04Visual milestone tracking with specific delivery dates

05Interactive HTML/CSS Gantt chart generation

06Automated duration and percentage calculations

使用场景

01Generating a project schedule for internal sprint planning

02Creating documentation for project milestones and delivery timelines

03Visualizing a quarterly software release roadmap for stakeholders

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mhattingpete/claude-skills-marketplace timeline-creator

For use in Claude.ai and ChatGPT

Download Skill