·timeline-generator
{}

timeline-generator

vishalsachdev/claude-skills

This skill generates interactive timeline visualizations using the vis-timeline JavaScript library. Use this skill when users need to create historical timelines, project timelines, event sequences, or any chronological data visualization with optional category filtering. The skill creates a complete MicroSim package with HTML, CSS, JSON data, and documentation.

2Installs·1Trend·@vishalsachdev

Installation

$npx skills add https://github.com/vishalsachdev/claude-skills --skill timeline-generator

SKILL.md

This skill generates professional, interactive timeline visualizations using vis-timeline.js. Timelines are ideal for displaying chronological events with rich context including descriptions, notes, and category groupings. The skill creates a complete MicroSim package suitable for embedding in educational content or documentation sites built with MkDocs.

IMPORTANT: If the user has not provided a specific event list, prompt them: "I'll create an interactive timeline for you. Please provide the events you'd like to include with: Event title/headline Date (at least the year) Description Category (optional) Any additional context notes for tooltips (optional)

Would you also like category filter buttons to allow viewing specific types of events?"

This skill generates interactive timeline visualizations using the vis-timeline JavaScript library. Use this skill when users need to create historical timelines, project timelines, event sequences, or any chronological data visualization with optional category filtering. The skill creates a complete MicroSim package with HTML, CSS, JSON data, and documentation. Source: vishalsachdev/claude-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/vishalsachdev/claude-skills --skill timeline-generator
Category
{}Data Analysis
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is timeline-generator?

This skill generates interactive timeline visualizations using the vis-timeline JavaScript library. Use this skill when users need to create historical timelines, project timelines, event sequences, or any chronological data visualization with optional category filtering. The skill creates a complete MicroSim package with HTML, CSS, JSON data, and documentation. Source: vishalsachdev/claude-skills.

How do I install timeline-generator?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/vishalsachdev/claude-skills --skill timeline-generator Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/vishalsachdev/claude-skills