skills.rest
tagty
tagtyCOMMUNITY
Explore all skills by this author →
GitHub

PR スクリーンショット・GIFワークフロー

Generate and deploy full-page screenshots and demo GIFs for pull requests.

Updated Mar 7, 2026
Search Tags:#automation#ui#deployment#gif#pr#screenshot
One-click install
npx skills add https://github.com/tagty/taskflow --skill pr-gif
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: PR スクリーンショット・GIFワークフロー
Source: https://github.com/tagty/taskflow/tree/main/.claude/skills/pr-screenshot
Command: npx skills add https://github.com/tagty/taskflow --skill pr-gif

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the generation and deployment of visual assets (screenshots and GIFs) for pull requests, ensuring UI changes are clearly communicated.

Core Features & Use Cases

  • Automated Screenshot Generation: Captures full-page screenshots of web pages at a specified resolution.
  • Demo GIF Creation: Records and generates animated GIFs demonstrating new features or changes.
  • Automated Deployment: Pushes generated visuals to the gh-pages branch for easy access.
  • Use Case: When submitting a PR that modifies the user interface of the Taskflow application, this Skill will automatically create a screenshot and a short demo GIF of the changes and add them to the PR description for review.

Quick Start

Run the command to generate a screenshot for the current PR.

Frequently Asked Questions about PR スクリーンショット・GIFワークフロー

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

FAQPage Schema
How do I automatically add screenshots and demo GIFs to a pull request?▼

To automatically add screenshots and demo GIFs to a pull request, you can use a workflow that captures full-page screenshots and records UI changes, then deploys them to GitHub Pages for visual context in code reviews.

What is the best way to visually document UI changes for code reviews?▼

Visually documenting UI changes for code reviews is best achieved by generating full-page screenshots and animated GIFs of your modifications, deploying them to a branch, and linking these assets directly in the PR description.

Does generating full-page screenshots with Playwright require manual browser configuration?▼

Generating full-page screenshots with Playwright does not require manual browser configuration, as it handles browser automation to capture web pages at specified resolutions automatically for your pull requests.

Can I record a demo GIF of new features directly within my deployment workflow?▼

You can record a demo GIF of new features within your deployment workflow by running a script that captures the UI changes and deploys the resulting animated GIF to the gh-pages branch.

How are generated visual assets shared with reviewers when submitting a PR?▼

Generated visual assets are shared with reviewers by pushing the screenshots and demo GIFs to the gh-pages branch and adding the corresponding links to the pull request description for easy access.

Related Skills

Explore More Software Engineering Skills→
dougdliudougdliu

playwright

Automate browser tasks from the terminal using the Playwright CLI.

Community
Intermediate
usepowershellusepowershell
9

pr-screenshots

Capture Playwright screenshots and embed them into GitHub pull request descriptions.

Community
Intermediate
fairy-pittafairy-pitta

capture-ui

Capture screenshots of changed UI files and upload them to a GitHub Pull Request.

Community
Intermediate
everrunseverruns
42

ui-screenshots

Capture web page screenshots with agent-browser for visual verification.

Official
Intermediate