Generate Professional Gantt Charts

This skill covers creating professional Gantt charts across multiple formats and approaches - Mermaid syntax, ASCII art, and programmatic generation - grounded in project-management principles: task dependencies, resource allocation, and timeline visualization. Essential elements covered: clearly defined tasks with measurable outcomes, realistic durations, task dependencies (finish-to-start, start-to-start, etc.), milestones, the critical path, and resource allocation. Timeline management guidance: use consistent time units, include buffer time for risk, account for weekends/holidays/availability, and balance workload across team members.

Mermaid Gantt charts are demonstrated with a basic three-section syntax:

gantt
    title Project Timeline
    dateFormat YYYY-MM-DD
    axisFormat %m/%d
    
    section Planning
    Requirements Analysis    :req, 2024-01-15, 5d
    System Design          :design, after req, 7d
    
    section Development
    Frontend Development    :frontend, after design, 14d
    Backend Development     :backend, after design, 16d
    Integration Testing     :testing, after frontend backend, 5d
    
    section Deployment
    Production Setup        :prod, after testing, 3d
    Go Live                 :milestone, after prod, 1d

and an advanced variant adding active/crit task-status tags across a four-phase software project. ASCII Gantt charts are covered in a simple block-character weekly format (work day vs. buffer/review blocks) and a detailed resource view mapping named team members to their task sequence across an 8-week, 5-person e-commerce project timeline.

Programmatic generation is shown in Python with Plotly (create_gantt_chart building a plotly.figure_factory.create_gantt figure from a task list with Task/Start/Finish/Resource fields, grouped and colored by resource) and in JavaScript with Chart.js (createGanttChart mapping project tasks to a horizontal bar-chart dataset with a time-scaled x-axis).

Best practices cover task definition (action-verb names, 1-10 day task sizes, clear deliverables, review/approval time), dependency management (minimize dependencies, highlight the critical path, plan parallel execution, account for handoff time), resource planning (avoid overallocation, include skill requirements, plan for vacation/availability, consider external vendors), and visual design (consistent color coding, milestone markers, progress indicators, readability at different zoom levels). Advanced techniques cover critical-path analysis (identify tasks that directly impact completion, calculate float/slack, monitor changes during execution, prioritize critical-path resources), risk-management integration (buffer time for high-risk activities, contingency plans, risk-review milestones, alternative execution paths), and progress tracking (percentage-completion indicators, actual-vs-planned tracking, checkpoint reviews, velocity-based timeline adjustment).

Use it when building or reviewing a project timeline - choosing Mermaid, ASCII, or a programmatic (Plotly/Chart.js) Gantt chart, sequencing dependencies, or identifying the critical path. It is not a project-management-methodology guide beyond scheduling visualization - it covers how to build and read a Gantt chart, not sprint planning, backlog grooming, or budget tracking.

Given a list of tasks with durations, dependencies, and optionally assigned resources, it can produce a Mermaid gantt diagram, an ASCII timeline, or a Plotly/Chart.js chart definition, along with critical-path and resource-allocation guidance.

Covers Mermaid gantt syntax, Python's plotly.figure_factory, and JavaScript's Chart.js (type: 'bar' with a time-scaled axis).

Project managers, scrum masters, and engineers who need to visualize a project timeline with dependencies, milestones, and the critical path.