agentic-ui-walkthrough

Conduct structured UI review sessions with screenshot-driven analysis and bug classification.

Updated Feb 3, 2026
One-click install
npx skills add https://github.com/qdouble/stack-contracts --skill agentic-ui-walkthrough
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agentic-ui-walkthrough
Source: https://github.com/qdouble/stack-contracts/tree/main/.agent/skills/agentic-ui-walkthrough
Command: npx skills add https://github.com/qdouble/stack-contracts --skill agentic-ui-walkthrough

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of ensuring high-quality, bug-free, and user-friendly interfaces across various platforms by providing a structured approach to UI review.

Core Features & Use Cases

  • Comprehensive UI Review: Conducts bug hunting, UX assessment, and visual verification.
  • Platform Agnostic: Applicable to web, Electron, SwiftUI, and native mobile UIs.
  • Use Case: After a new feature is implemented in a mobile app, use this Skill to systematically review all new screens and states for visual consistency, interaction correctness, and adherence to UX heuristics before release.

Quick Start

Initiate a UI review for the main dashboard screen by following the screenshot-driven flow.

Frequently Asked Questions about agentic-ui-walkthrough

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

FAQPage Schema
How do I conduct a systematic UI review for visual consistency and bug hunting?

A systematic UI review uses screenshot-driven analysis against UX heuristics to evaluate visual design, interaction design, and content. It provides a detailed bug classification matrix to prioritize fixes and ensures performance standards are met across applications.

Can I use screenshot-driven UX assessment for native mobile and desktop applications?

Yes, screenshot-driven UX assessment is platform agnostic and works for web, native mobile, and desktop applications including Electron and SwiftUI. It evaluates visual consistency and interaction correctness across all supported platforms.

What is the best way to prioritize UI bugs found during a visual verification session?

The best way to prioritize UI bugs is by using a detailed bug classification matrix generated during the visual verification session. This matrix structures findings from screenshot-driven analysis to help teams systematically rank and address interface flaws.

How does heuristic evaluation work during a mobile app UI review?

Heuristic evaluation during a mobile app UI review works by analyzing screenshots of new screens and states against established UX principles. It checks for visual consistency, interaction correctness, and adherence to performance standards before release.

When do I need to run a structured UX assessment for my application?

You need to run a structured UX assessment after implementing new features in web, mobile, or desktop applications. It systematically reviews all new screens and states to ensure visual design and interaction design meet quality standards before release.

Does UI quality assurance cover content and interaction design standards?

Yes, UI quality assurance explicitly covers content and interaction design standards alongside visual design and performance. The structured review evaluates all these dimensions to ensure high-quality, bug-free, and user-friendly interfaces.