---
name: "git-graph-visualizer"
description: "Animated canvas visualization of a realistic git branch history: 4 branches, 13 commits, merge commits, HEAD glow, and smooth auto-scroll. Pure HTML5 canvas."
metadata:
version: "1.0.0"
dependencies:
system:
- "browser"
runtime:
language: "html"
entrypoint: "git-graph.html"
timeout_seconds: 30
---
See skill files — primary content is `git-graph.html`.
---
## Files
### `git-graph.html`
```html
Git Graph Visualizer
```
### `README.md`
```md
# Git Graph Visualizer
An animated canvas visualization of a realistic git repository history.
## What it shows
- **4 branches**: main (purple), feature/auth (cyan), feature/ui (green), hotfix (red)
- **13 commits** in a realistic development timeline
- **Merge commits** with double-ring styling
- **HEAD commit** with pulsing glow effect
- Slow auto-scroll animation (right = older, left = newer)
## Visual elements
- Dashed lane lines for each branch
- Bezier curves for cross-branch edges
- Abbreviated commit hashes below each node
- Commit message labels above each node
- Live frame counter
## Built with
Pure HTML5 Canvas + requestAnimationFrame. Zero external dependencies.
```