visual-testing-mobile-flutter

Official

Ensure Flutter UI quality with visual tests.

Authortelum-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of maintaining consistent and bug-free user interfaces in Flutter mobile applications by automating visual regression testing.

Core Features & Use Cases

  • Golden Tests: Capture widget renders as images and compare against baselines to detect unintended UI changes.
  • Theme & Size Variations: Test UI across different themes (light/dark) and device screen sizes.
  • Advanced Testing: Utilize tools like Alchemist for more sophisticated scenario testing.
  • App Store Screenshots: Generate device-specific screenshots for app store submissions using Fastlane.
  • Use Case: After updating a button component, run visual tests to ensure its appearance hasn't changed unexpectedly across different themes and screen sizes, preventing UI regressions.

Quick Start

Run the golden tests for your Flutter application's widgets.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: visual-testing-mobile-flutter
Download link: https://github.com/telum-ai/speck/archive/main.zip#visual-testing-mobile-flutter

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.