skills.rest
javiercamarenatriguero
javiercamarenatrigueroCOMMUNITY
Explore all skills by this author →
GitHub

paparazzi-editor

Write and verify Jetpack Compose snapshot tests with Paparazzi on the JVM.

7|2|Updated Feb 23, 2026
Search Tags:#testing#ui#visual regression#compose#paparazzi#snapshot testing
One-click install
npx skills add https://github.com/javiercamarenatriguero/android-skills --skill paparazzi-editor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: paparazzi-editor
Source: https://github.com/javiercamarenatriguero/android-skills/tree/main/paparazzi-editor
Command: npx skills add https://github.com/javiercamarenatriguero/android-skills --skill paparazzi-editor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you write and maintain visual regression tests for your Jetpack Compose UI components, ensuring UI consistency across changes.

Core Features & Use Cases

  • Snapshot Generation: Renders Compose UI on the JVM to create PNG baseline images.
  • Visual Regression: Catches unintended UI changes by comparing new snapshots to committed baselines.
  • Multi-State Testing: Easily test various UI states (loading, empty, populated, error) and configurations (dark mode, font scale).
  • Use Case: When you update a button's styling, run snapshot tests to automatically verify that the button looks as expected in all its states and themes, preventing visual bugs.

Quick Start

Use the paparazzi-editor skill to record new snapshots for the 'OrderCard' component.

Frequently Asked Questions about paparazzi-editor

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

FAQPage Schema
How do I write snapshot tests for Jetpack Compose UI components?▼

You can write snapshot tests for Jetpack Compose UI components by rendering them on the JVM using the Paparazzi library to generate baseline PNG images for visual regression. This Skill facilitates creating and verifying these snapshots.

Can I test dark mode and different UI states with Paparazzi snapshot tests?▼

Yes, Paparazzi snapshot tests support multi-state testing for various UI states like loading or error, alongside dark mode variations and custom device configurations. This ensures comprehensive visual regression coverage for Compose components.

Does snapshot testing for Compose UI require a physical device or emulator?▼

No, snapshot testing for Compose UI using this Skill runs entirely on the JVM. It renders your UI components directly on the JVM to create baseline images and verify visual changes without needing an emulator or physical device.

How do I record and verify visual regression baselines in Gradle?▼

You can record and verify visual regression baselines by integrating with Gradle workflows. This Skill supports Gradle commands to record new PNG snapshots for your Compose components and verify them against committed baselines.

What is the best way to catch unintended UI changes in Jetpack Compose?▼

The best way to catch unintended UI changes is through visual regression testing. This Skill compares new snapshots of your Compose UI against committed baselines to automatically detect and prevent visual bugs across different states.

Related Skills

Explore More Software Engineering Skills→
decoutkhanqindevdecoutkhanqindev
8

enforcing-stability-in-ci

Check Jetpack Compose UI stability regressions against a baseline during CI builds.

Community
Advanced
shin0720shin0720

auto-verify

Automate visual regression testing by capturing and comparing UI screenshots with Playwright.

Community
Basic
pacphipacphi
6

quality-metrics

Define quality dashboards, KPIs, and gates using DORA metrics.

Community
Advanced
abretonc7sabretonc7s

visual-testing

Capture screenshots before and after UI interactions to detect visual regressions.

Community
Intermediate