What do I need to use Gantt / Roadmap?

The work; Timing; Dependencies; Milestones.

Is Gantt / Roadmap free to use?

Yes — run it free in the browser playground (no API key needed for the sponsored trial, or bring any provider key), or install it into Claude Code, Cursor, ChatGPT and more via npx pm-claude-skills. MIT-licensed and open source.

Gantt / Roadmap

Q: How do I know the Gantt / Roadmap output is good?

The skill verifies itself against its own quality checks: Tasks are grouped into phases (sections) and have real start dates/durations; Dependencies use `after` so the schedule reflects what blocks what; Milestones are marked as milestones, not full-width bars; The critical path is identified, with risks/buffers noted.

🔵 Stable🕐 updated 2026-06-29 🔷 SkillSpec L3 pm-visuals

Turn a plan or set of milestones into a timeline / Gantt chart. Use when asked to build a roadmap, schedule phases, show a project timeline, or visualize what happens when. Produces a ready-to-render Mermaid Gantt chart (renders live, exportable as PNG/SVG) — and, because it has real dates, the result also exports to a calendar (.ics) — plus notes on the critical path and risks.

▶ Run it free — no key needed 📝 Grade your existing draft View SKILL.md ↗

What to give it

▸The work — phases and tasks to schedule.

▸Timing — a start date, and durations or end dates (or relative ordering you can date from the start).

▸Dependencies — what must finish before what can start.

▸Milestones — the dated checkpoints (kickoff, beta, GA, launch).

✅ The bar it holds itself to

Every skill in this library self-verifies — these are this skill's own quality checks, straight from its definition.

✓Tasks are grouped into phases (sections) and have real start dates/durations

✓Dependencies use `after` so the schedule reflects what blocks what

✓Milestones are marked as milestones, not full-width bars

✓The critical path is identified, with risks/buffers noted

✓The Mermaid block renders, and dates are ISO so .ics export works

⚠️ What it refuses to do

Do not list tasks with no dates or durations — that's a checklist, not a timeline

Do not ignore dependencies — overlapping things that can't overlap is a fake plan

Do not draw milestones as long bars — they're points in time

Do not use ambiguous date formats — stick to `YYYY-MM-DD`

Do not present estimated dates as commitments — flag assumptions

Install

npx pm-claude-skills add --agent claude   # or codex · cursor · gemini · hermes
# or one-line MCP (every skill, any client):
claude mcp add pm-skills -- npx -y pm-claude-skills-mcp

Example output

Input: Build a Q3 roadmap for shipping a new analytics dashboard: discovery + spec in July, build (core, then integrations) through August, beta late August, GA mid-September. Show dependencies and the key milestones. · hand-written example

Related skills

🔌 Embed this skill

Drop this on your blog, docs, or site — it renders a "Run this skill" card:

<div data-pm-skill="gantt-roadmap"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>

💬 Discussion

Gantt / Roadmap is one of 750 open-source professional AI agent skills — all SkillSpec L3. Try them all in the browser · ⭐ Star on GitHub · Browse the full catalog