Skip to content

Automate macOS-style framing for README screenshots#436

Merged
clstaudt merged 1 commit into
mainfrom
feat/readme-screenshot-framing
Jul 26, 2026
Merged

Automate macOS-style framing for README screenshots#436
clstaudt merged 1 commit into
mainfrom
feat/readme-screenshot-framing

Conversation

@clstaudt

Copy link
Copy Markdown
Contributor

Summary

  • Add ui/scripts/frame-screenshot.ts to post-process captured app views with macOS-style rounded corners, border, drop shadow, and traffic-light dots
  • Integrate framing into the existing Playwright capture pipeline (capture-view.ts)
  • Add just screenshots to regenerate all six README screenshots in one command
  • Regenerate README screenshot assets with the new framing style

Test plan

  • Run just screenshots locally and verify all six images are generated
  • Confirm framed screenshots match the intended macOS window style (rounded corners, border, shadow, traffic lights)
  • Run uv run pytest --tb=short -q (517 passed)
  • Review README screenshot rendering on GitHub

Made with Cursor

Add Sharp-based post-processing to wrap captured app views with rounded corners, border, shadow, and traffic lights, plus a `just screenshots` batch command to regenerate all README images.

Co-authored-by: Cursor <cursoragent@cursor.com>
@clstaudt
clstaudt added this pull request to the merge queue Jul 26, 2026
Merged via the queue into main with commit cd2fab0 Jul 26, 2026
3 checks passed
@clstaudt
clstaudt deleted the feat/readme-screenshot-framing branch July 26, 2026 12:18
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