skills.rest
damacus
damacusCOMMUNITY
Explore all skills by this author →
GitHub

screenshot-github

Capture MedTracker UI screenshots and attach them to GitHub issues or PR comments.

2|Updated Feb 5, 2026
Search Tags:#automation#github#playwright#screenshot#attachment#medtracker
One-click install
npx skills add https://github.com/damacus/agent-skills --skill screenshot-github
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: screenshot-github
Source: https://github.com/damacus/agent-skills/tree/main/skills/screenshot-github
Command: npx skills add https://github.com/damacus/agent-skills --skill screenshot-github

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of capturing MedTracker UI screenshots and attaching them directly to GitHub conversation threads, eliminating manual upload steps.

Core Features & Use Cases

  • Desktop and mobile screenshot capture for key pages (dashboard, medication finder, admin pages)
  • Native GitHub attachment workflow without relying on Releases
  • Uses a reference map and fixture users to ensure consistent visuals in PRs and issues

Quick Start

Use the screenshot-github skill to capture MedTracker pages and attach them to a PR or issue.

Frequently Asked Questions about screenshot-github

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate capturing UI screenshots and attaching them to GitHub issues?▼

Automating UI screenshot capture and GitHub attachment uses Playwright browser automation to navigate local dev server pages, grab viewport images, and upload them directly to issue or PR comment threads natively.

What do I need to run Playwright browser automation for capturing local dev server pages?▼

Running Playwright browser automation for page capture requires a local MedTracker dev server, fixture users for consistent state, and a references map to identify target routes while accounting for MFA prompts during navigation.

Can I capture both desktop and mobile viewports when taking MedTracker screenshots?▼

Yes, capturing MedTracker screenshots supports both desktop and mobile viewports, allowing you to automate screenshot generation for key pages like the dashboard, medication finder, and admin views across different screen sizes.

What is the best way to attach screenshots to PR comments without using GitHub Releases?▼

The best way to attach screenshots without GitHub Releases is using a native GitHub attachment workflow that uploads captured images directly into PR or issue conversation threads via automated browser interactions.

Does the screenshot automation handle MFA prompts when navigating fixture user accounts?▼

Yes, the screenshot automation accounts for MFA prompts by incorporating them into the navigation flow, ensuring Playwright browser automation can successfully authenticate fixture users and reach the target MedTracker pages.

Why use a references map for navigating pages during automated screenshot capture?▼

A references map is used to navigate target routes and identify specific UI pages during automated screenshot capture, ensuring the browser automation reliably locates dashboard, medication, and admin views for consistent visual documentation.

Related Skills

Explore More Software Engineering Skills→
pablitonogpablitonog
1

image-creator

Render HTML and CSS content into PNG images with Playwright.

Community
Intermediate
jeremylongshorejeremylongshore
2.6k

building-cicd-pipelines

Generate CI/CD pipeline configurations for GitHub Actions, GitLab CI, and Jenkins.

Community
Intermediate
ProfPowellProfPowell
4

e2e-testing

Run end-to-end browser tests with Playwright for user flows and visual regression.

Community
Advanced
exiaoexiao
37

demo-pr-feature

Capture frontend feature demos from GitHub pull requests and deploy them to Surge.sh.

Community
Advanced