Timeline Creator
Creates HTML timelines and project roadmaps with Gantt-style bars, milestone markers, phase groupings, progress indicators, and status color coding
Install
Quick install
npx skills add https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/timeline-creatornpx skills add mhattingpete/claude-skills-marketplace --skill "Timeline Creator" --agent claude-codenpx skills add mhattingpete/claude-skills-marketplace --skill "Timeline Creator" --agent cursornpx skills add mhattingpete/claude-skills-marketplace --skill "Timeline Creator" --agent codexnpx skills add mhattingpete/claude-skills-marketplace --skill "Timeline Creator" --agent opencodenpx skills add mhattingpete/claude-skills-marketplace --skill "Timeline Creator" --agent github-copilotnpx skills add mhattingpete/claude-skills-marketplace --skill "Timeline Creator" --agent windsurfMore install options
Shorthand — useful for multi-skill repos:
npx skills add mhattingpete/claude-skills-marketplace --skill "Timeline Creator"Manual — clone the repo and drop the folder into your agent's skills directory:
git clone https://github.com/mhattingpete/claude-skills-marketplace.gitcp -r claude-skills-marketplace/visual-documentation-plugin/skills/timeline-creator ~/.claude/skills/Timeline Creator
Creates HTML timelines and project roadmaps with Gantt-style bars, milestone markers, phase groupings, progress indicators, and status color coding
What is it?
Creates HTML timelines and project roadmaps with Gantt-style bars, milestone markers, phase groupings, progress indicators, and status color coding Built for use cases involving timeline, project-roadmap, gantt-chart, milestones, project-management.
How to use it?
Install this skill in your Claude environment to enhance timeline creator capabilities. Once installed, Claude will automatically apply the skill's guidelines when relevant tasks are detected. You can also explicitly invoke it by referencing its name in your prompts.The full source and documentation is available on GitHub.
Key Features
- Creates HTML timelines and project roadmaps with Gantt-style bars, milestone markers, phase groupings, progress indicators, and status color coding
- Seamless integration with Claude's development workflow
- Comprehensive guidelines and best practices for timeline creatorView on GitHub
GitHub Stats
StarsForksLast UpdateAuthormhattingpeteLicenseApache-2.0Version1.0.0Categories
ProductivityDesignTags
timelineproject-roadmapgantt-chartmilestonesproject-managementFeatures
Related Skills
More from ProductivityBrand Guidelines
Apply Anthropic's official brand colors and typography to artifacts5.3kAnthropicDesign00
Canvas Design
Create beautiful visual art in .png and .pdf formats using design philosophy5.3kAnthropicCreativeDesign00
Internal Communications
Write internal communications like status reports, newsletters, and FAQs5.3kAnthropicProductivityCommunication00
---
Source: https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/timeline-creator
Author: mhattingpete
License: https://opensource.org/licenses/Apache-2.0
GitHub Stars: 350
Tags: timeline, project-roadmap, gantt-chart, milestones, project-management
SKILL.md source
--- name: Timeline Creator description: Creates HTML timelines and project roadmaps with Gantt-style bars, milestone markers, phase groupings, progress indicators, and status color coding --- # Timeline Creator Creates HTML timelines and project roadmaps with Gantt-style bars, milestone markers, phase groupings, progress indicators, and status color coding What is it? Creates HTML timelines and project roadmaps with Gantt-style bars, milestone markers, phase groupings, progress indicators, and status color coding Built for use cases involving timeline, project-roadmap, gantt-chart, milestones, project-management. ## How to use it? Install this skill in your Claude environment to enhance timeline creator capabilities. Once installed, Claude will automatically apply the skill's guidelines when relevant tasks are detected. You can also explicitly invoke it by referencing its name in your prompts. The full source and documentation is available on GitHub. ## Key Features * Creates HTML timelines and project roadmaps with Gantt-style bars, milestone markers, phase groupings, progress indicators, and status color coding * Seamless integration with Claude's development workflow * Comprehensive guidelines and best practices for timeline creatorView on GitHub ### GitHub Stats StarsForksLast UpdateAuthormhattingpeteLicenseApache-2.0Version1.0.0 ### Categories ProductivityDesign ### Tags timelineproject-roadmapgantt-chartmilestonesproject-management ### Features ## Related Skills More from Productivity ### Brand Guidelines Apply Anthropic's official brand colors and typography to artifacts 5.3kAnthropicDesign00 ### Canvas Design Create beautiful visual art in .png and .pdf formats using design philosophy 5.3kAnthropicCreativeDesign00 ### Internal Communications Write internal communications like status reports, newsletters, and FAQs 5.3kAnthropicProductivityCommunication00 --- **Source**: https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/timeline-creator **Author**: mhattingpete **License**: https://opensource.org/licenses/Apache-2.0 **GitHub Stars**: 350 **Tags**: timeline, project-roadmap, gantt-chart, milestones, project-management
Related skills 6
to-prd
Turn the current conversation context into a PRD and publish it to the project issue tracker. Use when user wants to create a PRD from the current context.
to-issues
Break a plan, spec, or PRD into independently-grabbable issues on the project issue tracker using tracer-bullet vertical slices. Use when user wants to convert a plan into issues, create implementation tickets, or break down work into issues.
Boardroom
/cs:boardroom <brief> — 6-phase multi-role deliberation across the C-suite with Phase 2 isolation, critic pre-screen, and synthesis. Outputs a board memo.
Brief
/cs:brief <topic> — Generate a one-page strategy brief from an office-hours intake. First step in the strategic sprint pipeline.
C Level Agents
Founder-mode executive team. 8 cs-* C-suite agents (CFO, CMO, CRO, CPO, COO, CHRO, CISO, Chief of Staff) and 17 /cs:* slash commands for forcing-question office hours, multi-role boardroom delibera...
Caio Review
/cs:caio-review <plan> — Eval-demanding Chief AI Officer interrogation of any plan that involves AI: model selection, risk classification, cost economics, or AI hiring.