demo-pr-feature

Name: demo-pr-feature
Availability: InStock
Author: exiao

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

Ready to run

npx skills add https://github.com/exiao/skills --skill demo-pr-feature

💬 Prompt for ChatGPT / Claude Chat▼

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.