skills.rest
exiao
exiaoCOMMUNITY
Explore all skills by this author →
GitHub

demo-pr-feature

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

37|12|Updated Feb 24, 2026
Search Tags:#deployment#frontend#github#pr#demo#screenshot
One-click install
npx skills add https://github.com/exiao/skills --skill demo-pr-feature
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: demo-pr-feature
Source: https://github.com/exiao/skills/tree/main/demo-pr-feature
Command: npx skills add https://github.com/exiao/skills --skill demo-pr-feature

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the process of capturing a visual representation of a frontend feature fix in a pull request, deploying it, and providing a direct link back to the PR for easy review.

Core Features & Use Cases

  • Automated Capture: Takes screenshots or short videos of UI changes within a specified PR.
  • Cross-Platform Support: Supports both iOS simulator and a fallback browser-based capture.
  • Deployment: Deploys the captured media to Surge.sh for easy sharing.
  • Integration: Posts the deployment URL as a comment on the relevant GitHub PR.

Quick Start

Run this skill with the pull request number to capture and comment on the feature demo.

Frequently Asked Questions about demo-pr-feature

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

FAQPage Schema
How do I automatically post a frontend demo screenshot to a GitHub PR comment?▼

To post a frontend demo screenshot to a GitHub PR comment, this Skill captures the UI fix, deploys the media to Surge.sh, and uses GitHub CLI to automatically post the deployment URL directly to the pull request.

Can I capture UI changes from an iOS simulator for a pull request?▼

Yes, you can capture UI changes from an iOS simulator for a pull request. The Skill handles iOS simulator capture natively and includes a fallback browser-based capture mechanism if the simulator is unavailable.

How does deploying a demo to Surge.sh work for GitHub pull requests?▼

Deploying a demo to Surge.sh for GitHub pull requests works by capturing the visual representation of the frontend feature, uploading the media to Surge.sh, and returning a shareable URL to post back to the PR.

What is the best way to share a visual demo of a frontend feature fix with reviewers?▼

The best way to share a visual demo of a frontend feature fix is to automate capture and deployment. This Skill captures the fix, deploys it to Surge.sh, and posts the direct link as a PR comment for easy review.

Does this automated PR screenshot tool validate image size before deployment?▼

Yes, the automated PR screenshot tool validates image size before deployment. It checks the captured screenshot dimensions and integrates with GitHub CLI to ensure only valid media is deployed and commented.

Are there fallback mechanisms if browser-based capture fails during PR demo generation?▼

Yes, there are fallback mechanisms if capture fails during PR demo generation. The Skill supports both iOS simulator and browser-based capture, automatically switching methods to ensure the screenshot is obtained.

Related Skills

Explore More Software Engineering Skills→
Nice-Wolf-StudioNice-Wolf-Studio

repository-management

Automate GitHub repository management tasks using the gh CLI.

Official
Advanced
martin-hsu-testmartin-hsu-test
1

land-and-deploy

Automate PR merge, CI-wait, deployment, and canary health verification.

Community
Advanced
hidonguyenhidonguyen

ck:test

Execute unit, integration, e2e, and UI tests across JavaScript/TypeScript, Python, Go, Rust, and Flutter projects.

Community
Advanced
glitternetworkglitternetwork
1

pinme-share

Create a standalone HTML share page and publish it via PinMe.

Official
Intermediate