πŸ“ˆ
DataHTML

Timeline Creator

by mhattingpete

Timeline Creator is a Data skill for Claude Code, published by mhattingpete in claude-skills-marketplace.

664 stars95 forkson mhattingpete/claude-skills-marketplaceAdded 2026/08/24+1% in starsRepository updated 2026/07/25
ai-agentsai-toolsanthropicautomationclaude-codeclaude-skillsdeveloper-toolspluginsproductivity
Install in seconds
Install Timeline Creator
Copy Timeline Creator into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/mhattingpete/claude-skills-marketplace/tree/main/visual-documentation-plugin/skills/timeline-creator ~/.claude/skills/timeline-creator

Requires Node.js. Downloads this skill only β€” not the rest of the repository β€” into your Claude Code skills folder.

Without Node.js

git clone https://github.com/mhattingpete/claude-skills-marketplace.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
visual-documentation-plugin/skills/timeline-creator/SKILL.md in mhattingpete/claude-skills-marketplace
Installs to
~/.claude/skills/timeline-creator
Collection
One of 18 skills cataloged from this repository
Category
Data β€” 668 skills

What Timeline Creator does

Timeline Creator builds interactive HTML timelines and project roadmaps with Gantt charts, milestones, and progress indicators. Use it for project schedules, phase planning, or milestone visualizations.

Timeline Creator is cataloged under Data on DirSkills. Timeline Creator comes from a repository tagged ai-agents, ai-tools, anthropic, automation and claude-code.

Documentation

README

Timeline Creator

Create interactive HTML timelines and project roadmaps with Gantt charts and milestones.

When to Use

  • "Create timeline for [project]"
  • "Generate roadmap for Q1-Q4"
  • "Make Gantt chart for schedule"
  • "Show project milestones"

Components

  1. Timeline Header: project name, date range, completion %
  2. Phase Groups: Q1, Q2, Q3, Q4 or custom phases
  3. Timeline Items: tasks with start/end dates, progress, status
  4. Milestones: key deliverables with dates
  5. Gantt Visualization: horizontal bars showing duration

HTML Structure

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Timeline Creator

  • What else does mhattingpete publish alongside Timeline Creator?

    Timeline Creator is one of 18 skills that DirSkills catalogs from mhattingpete/claude-skills-marketplace, the repository it ships in. Its siblings there include Architecture Diagram Creator, Code Auditor and Code Execution. Each one is a separate skill with its own page in this directory, installs the same way Timeline Creator does, and is maintained by mhattingpete in that same repository. The rest of the collection is listed on the mhattingpete/claude-skills-marketplace page.

  • How does Timeline Creator compare to other Data skills?

    Timeline Creator ranks #548 by stars among the 668 Data skills in this catalog. The most-starred ones next to it are Benchmark Methodology, Jupyter Notebook and Solana. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Timeline Creator against them. Open each page to compare what they document and how they install.

More from mhattingpete/claude-skills-marketplace

Timeline Creator is one of 18 skills cataloged on DirSkills from mhattingpete/claude-skills-marketplace.

See all 18 skills β†’
🧩
1w ago

Architecture Diagram Creator

Architecture Diagram Creator builds HTML architecture diagrams that show business context, data flow, system layers, and deployment details. Use it for system documentation, technical specifications, or high-level project overviews.
Writing
66495
πŸ”
1w ago

Code Auditor

Code Auditor performs a structured review of architecture, code quality, security, performance, testing, and maintainability. Use it to audit a codebase for technical debt, vulnerabilities, and coverage gaps.
Quality
66495
🐍
1w ago

Code Execution

Code Execution runs Python locally with API access for bulk file operations, multi-step workflows, and iterative processing. Use it when tasks involve 10+ files or when faster processing and lower token use matter.
Automation
66495
πŸ› οΈ
1w ago

Code Refactor

Code Refactor performs bulk code changes across files, such as renaming identifiers, replacing patterns, and updating API calls. Use it when you need consistent refactoring across multiple locations.
Quality
66495
πŸ“¦
1w ago

Code Transfer

Code Transfer moves code between files with line-based precision. Use it to copy functions, extract classes, insert code at exact lines, or reorganize code into separate files.
Automation
66495
πŸ“š
1w ago

Codebase Documenter

Codebase Documenter generates documentation that explains a codebase’s architecture, components, data flow, and development setup. Use it to understand unfamiliar code, create onboarding docs, or produce developer-facing overviews.
Writing
66495