take-doc-screenshots

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

Install with Tessl CLI

npx tessl i github:pgplex/pgconsole --skill take-doc-screenshots

What are skills?

Review — 87%

Does it follow best practices?

If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:

npx tessl skill review --optimize ./path/to/skill

Learn more

Validation — 10 / 11 Passed

Validation for skill structure

SKILL.md

Review

Evals

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%

Without context: $0.3289 · 4m 37s · 21 turns · 27 in / 4,373 out tokens

With context: $0.2830 · 3m 16s · 16 turns · 305 in / 3,923 out tokens

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%

Without context: $0.2662 · 3m 35s · 15 turns · 22 in / 3,563 out tokens

With context: $0.2203 · 2m 48s · 11 turns · 266 in / 2,651 out tokens

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%

Without context: $0.2316 · 3m 44s · 15 turns · 20 in / 2,604 out tokens

With context: $0.3206 · 4m 4s · 21 turns · 25 in / 3,531 out tokens

Evaluated: 3 days ago
Agent: Claude Code
Model: Unknown

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.