skills.rest
grafana
grafanaOFFICIAL
Explore all skills by this author →
Website𝕏@grafanaGitHub

ui-proof

Capture UI screenshots or recordings and attach them to Linear tickets or GitHub PRs.

Updated Aug 23, 2026
Search Tags:#testing#ui#screenshots#linear#playwright#ux#proof
One-click install
npx skills add https://github.com/grafana/sigil --skill ui-proof
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-proof
Source: https://github.com/grafana/sigil/tree/main/.agents/skills/ui-proof
Command: npx skills add https://github.com/grafana/sigil --skill ui-proof

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

This Skill automates the capture and attachment of visual evidence for UI/UX changes, ensuring that features are proven to work correctly in the running application and improving the clarity of ticket handoffs.

Core Features & Use Cases

  • Feature Validation: Capture screenshots or short recordings of changed user flows to prove functionality.
  • Artifact Attachment: Automatically upload visual proof to ticketing systems like Linear and GitHub PRs.
  • Use Case: After implementing a new filtering mechanism in the Sigil UI, use this Skill to capture screenshots of the entry state, the filter interaction, and the resulting filtered view, attaching them to the corresponding Linear ticket.

Quick Start

Use the ui-proof skill to capture the user flow for ticket PROJ-123 and upload the artifacts.

Frequently Asked Questions about ui-proof

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

FAQPage Schema
How do I capture UI screenshots for Linear tickets automatically?▼

To capture UI screenshots for Linear tickets, use Playwright browser automation to record changed user flows and attach the saved visual proof directly to Linear workpad comments via the GraphQL API.

What's the best way to attach UI proof to GitHub PRs?▼

Attaching UI proof to GitHub PRs is done by capturing screenshots or short recordings of feature-level user flows with Playwright and uploading those artifacts directly to the pull request comments.

Do I need Playwright to capture UI screenshots for ticket validation?▼

Yes, Playwright is a required dependency to capture UI screenshots for ticket validation, as it provides the browser automation needed to record the changed user flows and save the evidence files.

Can I upload short UI recordings to Linear workpads?▼

Yes, you can upload short UI recordings to Linear workpads. The skill captures feature-level visual proof as multiple screenshots or short recordings and attaches them to workpad comments using the Linear GraphQL API.

Where are Playwright UI screenshots saved before attaching to tickets?▼

Playwright UI screenshots are saved under the output/playwright/ directory before being attached to tickets, ensuring all captured visual evidence for the changed user flows is stored locally first.

Related Skills

Explore More Software Engineering Skills→
aktsmmaktsmm
24

browser-max-automation

Automate browser interactions and UI testing via Playwright MCP.

Community
Intermediate
visualityplvisualitypl
4

founder_mode

Create a Linear ticket and GitHub Pull Request from a Git commit.

Official
Intermediate
ai-ecoverseai-ecoverse
28

playwright-cli-e2e

Execute a 12-group end-to-end regression suite for playwright-cli and diff results against a baseline.

Official
Intermediate
roderikroderik

evidence

Record browser flows and distribute video and screenshots to Linear and GitHub.

Community
Advanced