dxuicapture

Community

Capture UI evidence for PRs and bug fixes.

Authormitchellfyi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Manually capturing consistent before/after visual evidence for UI changes is time-consuming and easy to forget, leading to incomplete PR reviews, missed regressions, and extra back-and-forth with reviewers.

Core Features & Use Cases

  • Automated Visual Evidence Capture: Automatically grab before/after screenshots, Playwright traces, videos, and browser error logs for any UI-affecting code change.
  • Standardized Artifact Management: Organizes all visual evidence in a consistent manifest with absolute file links, making it easy to hand off to reviewers or upload to PRs.
  • Use Case: When you ship a new checkout flow, use this Skill to capture before/after screenshots of the flow, record a video of the user journey, and collect console/network logs to prove no regressions were introduced, all ready to attach to your PR.

Quick Start

Use the dxuicapture skill to capture before and after visual evidence for the new user onboarding flow you just implemented, including screenshots, a video walkthrough, and browser error logs.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: dxuicapture
Download link: https://github.com/mitchellfyi/dex/archive/main.zip#dxuicapture

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 537,000+ vetted skills library on demand.