timeline-creator
CommunityVisualize project roadmaps and schedules, effortlessly.
Authormhattingpete
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Creating clear, professional timelines, Gantt charts, or project roadmaps can be complex and time-consuming, often requiring specialized tools. This Skill automates the generation of stunning, interactive HTML timelines, allowing you to visualize project progress and milestones effortlessly.
Core Features & Use Cases
- Dynamic Timeline Generation: Creates responsive HTML timelines, Gantt charts, and roadmaps using SVG.
- Rich Visuals: Includes milestones, progress bars, phase groupings, and dependency arrows.
- Status Indicators: Uses a semantic color system to clearly show completed, in-progress, and pending items.
- Use Case: Provide your project's key phases and milestones, and this Skill will generate a visual roadmap, complete with progress bars and status updates, ready for your next presentation.
Quick Start
Example: Request a project timeline
User: "Create a 6-month project timeline for our new feature launch:
Month 1: Planning (Completed)
Month 2-3: Development (In Progress)
Month 4: Testing (Pending)
Month 5: Beta Launch (Pending)
Month 6: Public Launch (Pending)"
Output will be a complete HTML/SVG timeline.
Dependency Matrix
Required Modules
None requiredComponents
assetsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: timeline-creator Download link: https://github.com/mhattingpete/claude-skills-marketplace/archive/main.zip#timeline-creator Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.