Can I include images and videos in the timeline?

Yes, the skill supports a wide range of media including images, YouTube, Vimeo, Wikipedia articles, Google Maps, and Twitter/X posts via URL auto-detection.

What are 'Eras' in the context of this skill?

Eras are colored background bands used to label and highlight specific time periods, such as dynasties or centuries, that span across multiple individual events.

Do I need a web server to view the timelines?

No, the skill generates a standalone HTML file that loads necessary assets from a CDN, making it immediately viewable in any modern web browser without a server.

How does this skill handle BCE dates?

It uses negative integers for years (e.g., -551 for 551 BCE), allowing for seamless chronological sorting and correct rendering within the TimelineJS3 framework.

Can I customize the visual appearance of the timeline?

Yes, you can pass options to customize font pairs, initial zoom levels, navigation positions, background colors, and localization/language settings.

Historical Timeline Generator

Name: Historical Timeline Generator
Author: kltng

bykltng

•

学习与文档

Generates interactive, media-rich historical timelines as standalone HTML files powered by TimelineJS3.

This skill enables Claude to construct detailed, interactive historical timelines using the TimelineJS3 framework. It handles complex historical data including BCE dates, overlapping eras, and grouped event threads, producing self-contained HTML files that can be opened in any browser without a build step. It is specifically designed for humanities researchers, educators, and developers who need to visualize chronological narratives, biographical milestones, or regional histories with high fidelity and rich media support.

主要功能

01Customizable themes with built-in font pairs and adjustable zoom levels

02Rich media integration for Wikipedia, YouTube, Google Maps, and more

03Visual organization using grouped events and era-based background spans

041 GitHub stars

05Automatic generation of standalone, interactive HTML files via Python builder

06Native support for BCE/CE dates using negative integers

使用场景

01Visualizing complex historical periods and dynastic transitions

02Creating interactive biographical milestones for researchers and authors

03Mapping parallel cultural, political, and military developments in a single view

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kltng/humanities-skills historical-timeline

For use in Claude.ai and ChatGPT

主要功能

01Customizable themes with built-in font pairs and adjustable zoom levels

02Rich media integration for Wikipedia, YouTube, Google Maps, and more

03Visual organization using grouped events and era-based background spans

041 GitHub stars

05Automatic generation of standalone, interactive HTML files via Python builder

06Native support for BCE/CE dates using negative integers

使用场景

01Visualizing complex historical periods and dynastic transitions

02Creating interactive biographical milestones for researchers and authors

03Mapping parallel cultural, political, and military developments in a single view

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kltng/humanities-skills historical-timeline

For use in Claude.ai and ChatGPT