Skip to content

feat(release): render a branded changelog thumbnail in the release ritual#190

Merged
paulocastellano merged 1 commit into
mainfrom
feat/release-changelog-thumbnail
Jul 18, 2026
Merged

feat(release): render a branded changelog thumbnail in the release ritual#190
paulocastellano merged 1 commit into
mainfrom
feat/release-changelog-thumbnail

Conversation

@paulocastellano

Copy link
Copy Markdown
Contributor

Adds a changelog thumbnail (1200×630 PNG) as a fourth artifact of the /release ritual, so every release ships a shareable social image on-brand with the marketing site.

What's new

  • .claude/release-assets/ — a self-contained thumbnail toolkit:
    • render-thumbnail.mjs — Playwright renderer (resolves chromium from the repo's node_modules, already installed for browser tests). Flags: --version, --headline, --underline, --themes, --badge.
    • thumbnail.template.html — the brand template. Mirrors the site hero / OG image: warm cream→lavender wash, ink dot-grid, Instrument Serif headline with a hand-drawn violet squiggle, a segmented ★ CHANGELOG | <version> sticker badge, and colored ink-bordered theme chips with Gumroad-style solid offset shadows.
    • logo.png — the TryPost wordmark.
  • .claude/commands/release.md — new Step 5b renders the thumbnail from the release's biggest wins (headline is a crafted hero line, not the subject/chip words; version is always stamped in the badge). It's versioned in the artifacts PR alongside changelog.md and email.md.
  • releases/v1.0.6/thumbnail.png — the image for the latest release.

Design reference

Colors, fonts (Figtree + Instrument Serif + JetBrains Mono), the ink dot-grid, the hand-drawn violet squiggle, and the sticker/offset-shadow language are all taken from trypost-site (Hero.vue, assets/css/tailwind.css) and the app's resources/css/app.css design tokens.

…tual

Add a 1200x630 changelog thumbnail as a fourth release artifact, generated
from a shared brand template that mirrors the marketing-site hero / OG image:
warm cream to lavender wash, ink dot-grid, an Instrument Serif headline with a
hand-drawn violet squiggle, a segmented 'CHANGELOG | <version>' sticker badge,
and colored ink-bordered theme chips with solid offset shadows.

- .claude/release-assets/: render-thumbnail.mjs (Playwright renderer),
  thumbnail.template.html (brand template), logo.png (TryPost wordmark)
- .claude/commands/release.md: new Step 5b renders the thumbnail; it is
  versioned in the artifacts PR alongside the changelog and email
- releases/v1.0.6/thumbnail.png: image for the latest release
@paulocastellano
paulocastellano merged commit 3194ec2 into main Jul 18, 2026
5 checks passed
@paulocastellano
paulocastellano deleted the feat/release-changelog-thumbnail branch July 18, 2026 20:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant