visual-interaction-integrity-audit

Audit UI screenshots for semantic, perceptual, and interaction integrity issues.

Updated Nov 27, 2025
One-click install
npx skills add https://github.com/SonnySSSSSSS/Immanence --skill visual-interaction-integrity-audit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-interaction-integrity-audit
Source: https://github.com/SonnySSSSSSS/Immanence/tree/main/skills/visual-interaction-integrity-audit
Command: npx skills add https://github.com/SonnySSSSSSS/Immanence --skill visual-interaction-integrity-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses issues where a UI's visual design conflicts with its intended interaction or behavior, leading to user confusion and errors. It ensures that how an element looks accurately reflects how it functions.

Core Features & Use Cases

  • Semantic Integrity Check: Verifies that visual elements like icons, sliders, and meters accurately convey their meaning and state.
  • Interaction Audit: Identifies false affordances, misleading precision, and signal-vs-noise problems in UI elements.
  • Use Case: A user provides a screenshot of a complex dashboard and asks for feedback on whether the sliders accurately represent the data ranges and if the icons clearly indicate their actions.

Quick Start

Use the visual-interaction-integrity-audit skill to review the provided screenshot for any mismatches between how UI elements appear and how they are intended to be used.

Frequently Asked Questions about visual-interaction-integrity-audit

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

FAQPage Schema
What is a UI visual interaction integrity audit?

A UI visual interaction integrity audit evaluates screenshots to find mismatches between how graphic elements appear and how they behave, ensuring visual design accurately reflects intended functionality to prevent user confusion.

How do I check UI screenshots for false affordances and misleading signals?

You check UI screenshots for false affordances by auditing signal versus noise, verifying that icons and sliders accurately convey their meaning, and performing binary integrity tests to identify mismatches between visual appearance and interaction behavior.

Can this UX review identify mismatches between visual elements and their intended behavior?

Yes, this UX review identifies mismatches by inferring intended interactions from screenshots, checking perceptual coherence, and verifying that visual elements like meters and icons accurately represent their state and meaning.

Does the UI audit propose redesigns or minimal corrections for interaction issues?

The UI audit proposes minimal, local corrections to fix interaction integrity issues, specifically aiming to preserve the existing aesthetic language of the graphic elements without requiring a full redesign.

What is the best way to review a dashboard for semantic integrity and interaction issues?

The best way to review a dashboard for semantic integrity is to provide a screenshot for auditing, which checks if sliders represent data ranges accurately and if icons clearly indicate their intended actions.

When should I use a visual interaction audit instead of a full UI redesign?

You should use a visual interaction audit when you need to resolve conflicts between visual design and interaction behavior while explicitly preserving the existing aesthetic language, avoiding the need for a comprehensive redesign.