mit einem Klick
settings-dialog-screenshot
// Capture a screenshot of the Pi web settings dialog, cropped tightly to the dialog window only.
// Capture a screenshot of the Pi web settings dialog, cropped tightly to the dialog window only.
Use the stealth browser for human-like web automation against bot-protected sites. Handles login flows, scraping, and form filling with anti-detection bypass.
Export a chat timeline to a PDF using the internal localhost export endpoint and wkhtmltopdf.
Nightly Bayesian interaction-quality classifier — flags behavioral patterns from chat history and writes self-improvement reflections without spending model tokens on classification.
Record major friction or postmortem feedback in the configured workspace vent log.
Open a spreadsheet-style widget for a Markdown table so the user can edit it and send the final Markdown table back into chat.
git_history and json_query tools for structured git log exploration and jq-style JSON querying.
| name | settings-dialog-screenshot |
| description | Capture a screenshot of the Pi web settings dialog, cropped tightly to the dialog window only. |
| distribution | public |
Use this skill when documenting Pi or piclaw add-ons and the user wants a screenshot of the settings dialog only.
Produce a tightly cropped screenshot containing just the visible settings window/dialog.
Use DOM-targeted capture instead of a full-page screenshot.
Prefer one of these, in order:
role="dialog"If there are multiple nested matches, choose the outermost visible settings dialog.
Preferred:
const dialog = page.locator('[role="dialog"]').first();
await dialog.screenshot({ path: 'settings-dialog.png' });
Fallback:
const dialog = page.locator('.settings-dialog, .modal, [role="dialog"]').first();
const box = await dialog.boundingBox();
await page.screenshot({
path: 'settings-dialog.png',
clip: box ?? undefined,
});
When updating an add-on README: