Skip to content

Docs skill: sharp 2x UI screenshots - #641

Merged
javier merged 1 commit into
mainfrom
jv/skill-ui-screenshots
Nov 13, 2026
Merged

javier merged 1 commit into
mainfrom
jv/skill-ui-screenshots

Conversation

@javier

@javier javier commented Nov 13, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • New references/ui-screenshots/ in the docs-writer skill: a workflow for capturing Web Console and other UI screenshots with headless Chrome at deviceScaleFactor: 2, plus a dependency-free CDP driver (cdp-shot.mjs, Node 22 and Chrome only).
  • Covers loading notebooks from the user's browser into a throwaway profile, running every cell, cleaning the frame, showing "MCP connected" without opening the user's browser, and lossless WebP encoding with a width check.
  • SKILL.md screenshots section: capture at 2x, and commit only the WebP because the lint-staged hook quantizes PNG and JPEG lossily.

@github-actions

Copy link
Copy Markdown

🚀 Build success!

Latest successful preview: https://preview-641--questdb-documentation.netlify.app/docs/

Commit SHA: 973ca77

📦 Build generates a preview & updates the link on each commit.

@javier
javier merged commit 9654ffc into main Nov 13, 2026
3 checks passed
@javier
javier deleted the jv/skill-ui-screenshots branch November 13, 2026 13:28
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