Long Page Screenshot
Paste the following prompt into your AI chat to install this skill:
Install @user_1d9d65e1/xxdxy using the guide at https://skillhub.cn/install/skillhub.md.
About this skill
Problem
When reviewing a web page, UI state, or a paired device in chat, a text snapshot can describe structure but cannot show layout, colors, charts, or where an error appears. Engineers or users asking to “capture it” or “show me this page” need a way to deliver screenshots as inline chat media, covering full browser pages, selected elements, and device screens.
How it works
The skill turns screenshots into image replies instead of returning file paths only.
- Browser capture: use
browseropento load the target URL, then callscreenshotafter the page is ready. - Full page and regions:
fullPagecaptures the whole page;selectorcaptures an area using a CSS selector;maxWidthcan limit output width. - Device screens: check nodes with
nodes status, then usenodes camera_snapornodes screen_recordto get the result. - Delivery: write
MEDIA:on its own line in the reply, and the system inlines the image in chat.
Boundaries
Confirm the page has fully loaded before capturing; snapshot can be used as a check. Remind users before capturing pages with passwords or personal data. If capture fails, fall back to snapshot for a text page snapshot. It is useful for quick UI checks, sharing page fragments, and inspecting device state, but it is not a full screen-recording analysis tool or a visual proof system for automation.
Use Cases
- Debug front-end layout issues by capturing the full page and sharing it with collaborators
- Capture a failing UI module with a selector so the exact issue is visible in chat
- Check a paired node's state and send a device screenshot from the node tool
- Split long pages into key captured regions and fall back to snapshot if capture fails
Best For
- Front-end engineers who need to verify page styles, charts, and error locations
- Ops support staff who need to check remote node desktop state quickly in chat
- Product managers who need to capture key long-page modules for teammate review
- QA engineers who need to preserve device or browser screens as image evidence
Related Skills
Batch-import team weekly reports, aggregate progress, plans, issues, and support by project, flag delivery or resource risks, and generate structured department reports.
Generates Kingdee Cloud ERP startup, implementation, and acceptance documents from Word templates with delivery guidance.
Read PDF, Word, Excel, PowerPoint, HTML, and text documents, list archive files, and extract text or JSON for AI analysis.
Extract decisions and action items from meeting notes, emails, or chat logs, then track owners, deadlines, and follow-ups with lightweight reminders and no direct tool integrations.