Skills
.Work. You
Rest

capture-ui

Community

Capture UI changes and upload to PR.

Software Engineering#automation#ui#frontend#visual testing#screenshot#github pr
Authorfairy-pitta
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the process of detecting UI changes, capturing screenshots from a local development server, and uploading them as comments to a GitHub Pull Request, ensuring visual consistency and facilitating reviews.

Core Features & Use Cases

  • Automated UI Change Detection: Identifies modified UI-related files (Vue, TSX, CSS, etc.).
  • Screenshot Capture: Takes screenshots from a running local development server.
  • PR Integration: Uploads captured screenshots directly to the relevant GitHub Pull Request.
  • Use Case: After making changes to your application's frontend components, this skill can automatically generate screenshots of the affected pages and attach them to your PR for quick visual verification by reviewers.

Quick Start

Run the capture-ui skill with the URL of the pull request you want to update.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: capture-ui
Download link: https://github.com/fairy-pitta/claude-dotfiles/archive/main.zip#capture-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.