Skills
.Work. You
Rest

paparazzi-editor

Community

Snapshot testing for Compose UI

Software Engineering#testing#ui#visual regression#compose#paparazzi#snapshot testing
Authorjaviercamarenatriguero
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: paparazzi-editor
Download link: https://github.com/javiercamarenatriguero/android-skills/archive/main.zip#paparazzi-editor

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