菜单
Compare Imla Android renderer screenshots with repo-local metrics and visual diff artifacts. Use when visual verification needs screenshot comparison, noise-tolerant renderer diffs, blur/mask/clip regression checks, or threshold-gated image comparison.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Capture Imla Android screenshots through the repo-local half-size ADB screenshot wrapper to reduce visual-inspection token cost while preserving enough detail for renderer checks.
Run Imla ADB commands through the repo-local timeout wrapper so physical-device installs, launches, input, screenshots, package-manager calls, and diagnostics fail fast instead of hanging.
Capture and analyze Imla Android renderer smoke traces with the repo-local Perfetto config, SQL queries, and Android Performance Analyzer workflow.
Read Imla scene renderer counters from repo-local Perfetto analysis. Use when evaluating render reasons, root captures, slot content captures, mask/clip captures, geometry refreshes, scene renders, or whether an interaction is content-capture-heavy versus geometry-only.
Use the repo-local Kotlin outline tool to inspect Kotlin file or directory structure before broad source reads, especially in Imla renderer, Compose modifier, and Android UI code.
| name | imla_screenshot_diff |
| description | Compare Imla Android renderer screenshots with repo-local metrics and visual diff artifacts. Use when visual verification needs screenshot comparison, noise-tolerant renderer diffs, blur/mask/clip regression checks, or threshold-gated image comparison. |
Use this skill when screenshots need more than manual inspection, especially after renderer, blur, mask, clip, geometry, or bottom sheet changes.
The repo-local tool is:
tools/screenshot-diff <reference.png> <candidate.png> [options]
It compares two same-size screenshots, prints metrics, and writes a report plus visual artifacts. The extensionless shell wrapper is the stable entrypoint; it creates .codex/screenshot-diff-venv and installs Pillow if needed. The .py file is the implementation detail.
The output directory contains:
report.md and report.jsonreference.png and candidate.pngdiff.pngdiff-amplified.pngthreshold-mask.pngcontact-sheet.pngBy default artifacts go to diagnostics/screenshot-diff/<generated-name>/. Pass --out <dir> for a specific destination.
Compare two screenshots and generate artifacts:
tools/screenshot-diff diagnostics/screenshots/before.png diagnostics/screenshots/after.png
Use noise-tolerant comparison for blur-heavy output:
tools/screenshot-diff before.png after.png --pixel-threshold 8 --smooth-radius 1.0
Gate a regression check:
tools/screenshot-diff before.png after.png --pixel-threshold 8 --fail-changed-ratio 0.02
Compare only a region:
tools/screenshot-diff before.png after.png --crop 0,900,2076,1800 --out .codex/screenshot-diff/bottom-sheet
changed_ratio: fraction of pixels whose max-channel delta is above --pixel-threshold.MAE / RMSE: average and squared channel error across the image.max_delta, p95, p99: high-end pixel delta distribution.ssim_luma_global: coarse luminance similarity score.--pixel-threshold 8 --smooth-radius 1.0 for noisy blur comparisons.contact-sheet.png first; use threshold-mask.png to locate structural changes.