skills.rest
PL-Coding-GmbH
PL-Coding-GmbHOFFICIAL
Explore all skills by this author →
WebsiteGitHub

android-ui-screenshot-verify

Compare Android UI screens against Figma designs for visual alignment.

6|Updated Jun 24, 2026
Search Tags:#UI testing#Figma#visual verification#Android UI#screen comparison#Android CLI
One-click install
npx skills add https://github.com/PL-Coding-GmbH/Skills --skill android-ui-screenshot-verify
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: android-ui-screenshot-verify
Source: https://github.com/PL-Coding-GmbH/Skills/tree/main/skills/android-ui-screenshot-verify
Command: npx skills add https://github.com/PL-Coding-GmbH/Skills --skill android-ui-screenshot-verify

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires android, adb, mcp__plugin_figma_figma__get_design_context, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the visual verification of Android UI screens against Figma designs, ensuring that UI components align visually as intended.

Core Features & Use Cases

  • Visual Alignment: Compares UI components on an Android device or emulator with a corresponding Figma design for visual alignment issues.
  • Error Reporting: Generates a detailed report on visual mismatches, such as overlap, clipping, color drift, and icon shape discrepancies.
  • Use Case: For developers building Android apps, use this Skill to quickly verify the visual quality of the UI before release.

Quick Start

Verify the visual appearance of the 'MainScreen' in the 'AppUI' design on the connected device.

Frequently Asked Questions about android-ui-screenshot-verify

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

FAQPage Schema
How do I automate visual verification of my Android UI against Figma designs?▼

Automating visual verification involves capturing your Android device screen using adb and comparing it against Figma design contexts to automatically detect visual alignment issues like clipping and color drift.

Can I check my Android app screen for visual alignment issues with Figma automatically?▼

Yes, you can automatically check for visual alignment issues by capturing your connected Android device screen and running automated checks against the corresponding Figma design layout to identify discrepancies.

Do I need the Android CLI and adb installed to compare my app UI with Figma?▼

Yes, both the Android CLI and adb are required dependencies to communicate with your connected device or emulator, capture the screen, and perform the automated Figma design comparison.

What visual mismatches can I detect when comparing Android UI screens to Figma?▼

When comparing Android UI screens to Figma, you can detect visual mismatches such as component overlap, clipping, color drift, and icon shape discrepancies through a detailed automated report.

Can I verify multiple Android app screens against Figma designs in a single run?▼

No, this visual verification process operates on a single screen per invocation, requiring you to run the check individually for each Android app screen you want to compare against Figma.

Related Skills

Explore More Software Engineering Skills→
HellKaiser45HellKaiser45

figma

Translate Figma design frames into production-ready UI code via MCP.

Community
Advanced
himattmhimattm
7

verify-android-layout

Validate Android UI elements by inspecting layout JSON for text, resource IDs, and states.

Community
Intermediate
GNHuaGNHua
24

android-layer2-test

Execute Layer 2 adb visual verification flows and capture screenshots for Android devices.

Community
Advanced
Eva813Eva813
2

pixel-diff

Compare two screenshots at the pixel level and generate a diff image with JSON statistics.

Community
Intermediate