take-doc-screenshots

Take screenshots of the running pgconsole app for documentation. Use when updating docs with screenshots or adding images to .mdx files.

Quality

81%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

Securityby

Risky

Do not use without reviewing

Evaluation results

85%

32%

Documentation Screenshot Script for pgconsole Dashboard

Authentication workflow and Playwright script setup

Criteria

Without context

With context

Reads first user entry

100%

curl login API call

Extracts pgconsole_token

50%

Auth state JSON structure

41%

100%

Script is .mjs file

100%

Script in scratchpad directory

100%

Viewport 1440x900

100%

No deviceScaleFactor

100%

Uses context.addCookies()

100%

Navigates to localhost:5173

100%

Saves PNG screenshot

100%

46%

SQL Editor Feature Screenshots for Documentation

CodeMirror interaction and overlay screenshot handling

Criteria

Without context

With context

Clicks .cm-content to focus

50%

100%

keyboard.type with delay:5

100%

Control+Space for autocomplete

100%

No cmView DOM access

100%

Escape to dismiss overlay

100%

waitForTimeout after Escape

50%

100%

Viewport 1440x900

100%

Uses context.addCookies()

100%

Saves PNG screenshots

100%

Meta+a for select all

100%

Script is .mjs file

100%

37%

Process and Integrate Screenshots into pgconsole Feature Documentation

Image processing and MDX documentation integration

Criteria

Without context

With context

cwebp conversion command

100%

WebP quality 90

100%

Output directory structure

100%

WebP naming convention

100%

PNG cleanup

100%

MDX image reference format

100%

WebP file extension in MDX

100%

Alt text present

100%

Three images referenced

100%

mkdir -p in script

50%

100%

Output files WebP only

100%

Repository: pgplex/pgconsole
Commit: cb70fa0

Evaluated: about 1 month ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Documentation Screenshot Script for pgconsole Dashboard SQL Editor Feature Screenshots for Documentation Process and Integrate Screenshots into pgconsole Feature Documentation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.