FreeVideo
App window with zoom
- 365365 downloads
- 125125 likes
- 188188 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
HTML timeline and project roadmap v1.0.0
Use this resource to present a project schedule as an HTML timeline or Gantt chart
New
- 387 downloads
- 222 likes
- 136 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install html-project-timeline-ganttWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent structures tasks, phases and milestones, then generates an HTML page from component templates. You get a file to open in a browser and share.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- Apache-2.0
Similar resources
View all- Free
FreeVideo
One big number
- 463463 downloads
- 223223 likes
- 100100 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
PalateKit Motion, the library
- 338338 downloads
- 198198 likes
- 249249 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three bars head to head
- 348348 downloads
- 133133 likes
- 182182 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Before / after slider
- 322322 downloads
- 248248 likes
- 238238 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Three-card carousel
- 418418 downloads
- 157157 likes
- 101101 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Chat exchange
- 564564 downloads
- 127127 likes
- 161161 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
PROVideo
Checklist ticking off
- 442442 downloads
- 233233 likes
- 160160 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- SKILL.md: components, HTML structure and generation method
- assets/templates/timeline_components.html: timeline and Gantt components
- references/design_patterns.md: layout patterns
Good fit for
- You need to show a client the steps and dates of a project
- You prepare a quarterly roadmap to share
Not for
Tags
- timeline
- gantt
- roadmap
- milestones
- html
About
You say
“Make a Q1 to Q4 roadmap with three phases and five milestones.”
Skill published by mhattingpete under the Apache-2.0 license, delivered in its original version.
Show moreShow less
How to use it
- Install the skill in your agent's skills folder
- Ask your agent to present a project schedule as an HTML timeline or Gantt chart
- Review and adjust the result
Content preview
Files
- assets/templates/base_template.html8.1 KB
- assets/templates/timeline_components.html19.3 KB
- LICENSE9.4 KB
- NOTICE-PALATEKIT.md0.5 KB
- references/design_patterns.md11.4 KB
- references/svg_library.md17.8 KB
- SKILL.md1.9 KB
Origin and licence
Listed unmodified
- Author
- mhattingpete
- Source
- github.com/mhattingpete/claude-skills-marketplace/tree/b5b34bcf4c920bb72cee1c391b54a33cb5353c12/visual-documentation-plugin/skills/timeline-creator
- Licence
- Apache-2.0
Notice
« timeline-creator » (mhattingpete, Apache-2.0) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…