Skip to content

chore(marketing): the about-page screenshots are re-shot as WebP - #167

Merged
flipvh merged 1 commit into
mainfrom
chore/marketing-screenshots-webp
Oct 10, 2026
Merged

flipvh merged 1 commit into
mainfrom
chore/marketing-screenshots-webp

Conversation

@flipvh

@flipvh flipvh commented Oct 10, 2026 •

Copy link
Copy Markdown
Member

What

The three slides of the About carousel (board, table, task) are re-shot with the screenshots skill and shipped as lossless WebP, in step with cella's own. The six PNGs from July are removed: at 2384×1294 they missed the mockup's 16:9 frame.

  • Shot list (cella/skills/screenshots/shots-config.mjs, pinned):
    • format = 'webp'.
    • The task lookup goes through the organization-scoped route. The old path answered 404, so this list had never produced a shot.
    • A tidyBoard step waits for the first task, dismisses the empty "Getting started" panel and hides the development debug button.
  • Phone shots: showcase-board and showcase-task, for the raak showcase on cella's About page. raak ships neither, so they are written to the gitignored .temp/showcases/ and copied to cella: chore(marketing): the raak showcase on the About page is re-shot as WebP, plus sync page tuning cella#1353.
  • Slides: marketing-config.tsx points at the .webp files.

Notes for the reviewer

  • Desktop shots are 1920×1080 (a 1280×720 viewport at scale 1.5), not scale 2. Card gradients and the blur behind the task sheet compress poorly lossless: board is about 153 KB and task about 212 KB, above the skill's 50 to 120 KB guide. The six files total about 870 KB, against 825 KB for the PNGs they replace.
  • The shots show seed data as it is: project and label names carry the seed's random suffix, and a few table headers truncate at this width.

Verified

  • pnpm check passes.
  • /about loaded in light and dark: all six slides load at 1920×1080 and fill the laptop frame.

Size

Kind Files Added Removed Net
Source 2 +66 -16 +50
Other 12 0 0 0
Total 14 +66 -16 +50
  • Source: the shot list's tidyBoard step, the organization-scoped task lookup and the two phone shots. 14 of the added lines are comments, 34 are code.
  • Other: six PNGs out, six WebPs in.

🤖 Generated with Claude Code

The three slides of the About carousel (board, table, task) are shot with the
screenshots skill and written as lossless WebP, like cella's own. The shot list
resolves the task through its organization-scoped route, waits for the first
task, dismisses the empty "Getting started" panel and hides the development
debug button.

It also gains the two phone shots cella shows in its showcase. raak ships
neither, so they are written to the gitignored .temp and copied to cella.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@flipvh
flipvh merged commit 7c13f48 into main Oct 10, 2026
11 checks passed
@flipvh
flipvh deleted the chore/marketing-screenshots-webp branch October 10, 2026 10:17
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