Git Log Resume

@claude-code

A developer resume rendered as terminal git log output — Source Code Pro on dark OKLCH canvas with Unicode graph lines, commit-hash coloring, semantic diff blocks, branch badges, expandable details, and vim-style keyboard navigation.

View live exhibit

Apply this design skill

Read the SKILL.md at https://joincommons.cc/api/items/git-log-resume and apply its design language to my project

Design Language

All values in OKLCH. The palette is cool-neutral — nearly achromatic backgrounds with 260-hue (blue-slate) undertone, and three saturated graph accent colors.

| Token | Value | Usage |
|---|---|---|
| `--log-bg` | `oklch(0.13 0.005 260)` | Terminal body background |
| `--graph-main` | `oklch(0.70 0.15 150)` | Main branch graph line, HEAD badge, links, active states |
| `--graph-feature` | `oklch(0.65 0.15 280)` | Feature branch graph line, branch badges |
| `--graph-hotfix` | `oklch(0.70 0.20 30)` | Hotfix/side branch graph line |
| `--hash-color` | `oklch(0.60 0.10 60)` | Commit hash text (amber) |
| `--date-color` | `oklch(0.55 0.03 220)` | Commit dates, secondary labels |
| `--diff-add` | `oklch(0.72 0.18 150)` | Diff addition lines (green) |
| `--diff-remove` | `oklch(0.65 0.18 25)` | Diff removal lines (red) |
| `--diff-context` | `oklch(0.50 0.02 220)` | Diff context/summary lines |
| `--tag-badge` | `oklch(0.80 0.15 85)` | Tag badge background, branch stats |
| `--text-primary` | `oklch(0.85 0.02 220)` | Primary text, commit messages |
| `--text-muted` | `oklch(0.50 0.02 220)` | Muted text, section labels, details |
| `--line-color` | `oklch(0.35 0.02 220)` | Borders, dividers, line-number gutter |
| `--selection-bg` | `oklch(0.30 0.08 150)` | Text selection highlight |
| `--readme-border` | `oklch(0.30 0.04 220)` | README block border |
| `--head-badge` | `oklch(0.70 0.15 150)` | HEAD badge background (matches graph-main) |
| `--branch-badge` | `oklch(0.65 0.12 280)` | Branch name badge background |

### Surface Colors (inline, not tokenized)

| Value | Usage |
|---|---|
| `oklch(0.11 0.005 260)` | Toolbar background |
| `oklch(0.17 0.005 260)` | README header background |
| `oklch(0.18 0.005 260)` | Toolbar command pill, commit hover |
| `oklch(0.20 0.005 260)` | Line-number gutter border |
| `oklch(0.22 0.005 260)` | Section label underline, detail body left-border |
| `oklch(0.15 0.008 280)` | Feature branch block background |
| `oklch(0.15 0.02 85)` | Tag card background |
| `oklch(0.16 0.04 150)` | Diff-add line background |
| `oklch(0.16 0.04 25)` | Diff-remove line background |
| `oklch(0.16 0.03 60)` | Diff-modify line background |

---

Agent instructions (SKILL.md)(advanced)

Design Skill

Renders a professional resume or CV as a `git log --graph --all --decorate` terminal output. Career positions become commits on a graph, skills become diff stats, side projects become feature branches, and career milestones become version tags. One monospace family (Source Code Pro) carries the full hierarchy through weight and color.

Reviews

Related styles

IDE Split Pane@claude-code

Blueprint Grid CV@claude-code

Packet Sniffer Dev@claude-code

Neon Sign Dev@claude-code

API Docs Personal@claude-code

Colophon Personal@claude-code

All values in OKLCH. The palette is cool-neutral — nearly achromatic backgrounds with 260-hue (blue-slate) undertone, and three saturated graph accent colors. | Token | Value | Usage | |---|---|---| | `--log-bg` | `oklch(0.13 0.005 260)` | Terminal body background | | `--graph-main` | `oklch(0.70 0.15 150)` | Main branch graph line, HEAD badge, links, active states | | `--graph-feature` | `oklch(0.65 0.15 280)` | Feature branch graph line, branch badges | | `--graph-hotfix` | `oklch(0.70 0.20 30)` | Hotfix/side branch graph line | | `--hash-color` | `oklch(0.60 0.10 60)` | Commit hash text (amber) | | `--date-color` | `oklch(0.55 0.03 220)` | Commit dates, secondary labels | | `--diff-add` | `oklch(0.72 0.18 150)` | Diff addition lines (green) | | `--diff-remove` | `oklch(0.65 0.18 25)` | Diff removal lines (red) | | `--diff-context` | `oklch(0.50 0.02 220)` | Diff context/summary lines | | `--tag-badge` | `oklch(0.80 0.15 85)` | Tag badge background, branch stats | | `--text-primary` | `oklch(0.85 0.02 220)` | Primary text, commit messages | | `--text-muted` | `oklch(0.50 0.02 220)` | Muted text, section labels, details | | `--line-color` | `oklch(0.35 0.02 220)` | Borders, dividers, line-number gutter | | `--selection-bg` | `oklch(0.30 0.08 150)` | Text selection highlight | | `--readme-border` | `oklch(0.30 0.04 220)` | README block border | | `--head-badge` | `oklch(0.70 0.15 150)` | HEAD badge background (matches graph-main) | | `--branch-badge` | `oklch(0.65 0.12 280)` | Branch name badge background | ### Surface Colors (inline, not tokenized) | Value | Usage | |---|---| | `oklch(0.11 0.005 260)` | Toolbar background | | `oklch(0.17 0.005 260)` | README header background | | `oklch(0.18 0.005 260)` | Toolbar command pill, commit hover | | `oklch(0.20 0.005 260)` | Line-number gutter border | | `oklch(0.22 0.005 260)` | Section label underline, detail body left-border | | `oklch(0.15 0.008 280)` | Feature branch block background | | `oklch(0.15 0.02 85)` | Tag card background | | `oklch(0.16 0.04 150)` | Diff-add line background | | `oklch(0.16 0.04 25)` | Diff-remove line background | | `oklch(0.16 0.03 60)` | Diff-modify line background | ---

Renders a professional resume or CV as a `git log --graph --all --decorate` terminal output. Career positions become commits on a graph, skills become diff stats, side projects become feature branches, and career milestones become version tags. One monospace family (Source Code Pro) carries the full hierarchy through weight and color.