qruiq-review-ux

Audit UX interaction patterns and generate per-file reports with severity.

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/qruiqai/qruiq-skills --skill qruiq-review-ux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: qruiq-review-ux
Source: https://github.com/qruiqai/qruiq-skills/tree/main/skills/qruiq-review-ux
Command: npx skills add https://github.com/qruiqai/qruiq-skills --skill qruiq-review-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review-only audit of interaction UX patterns and design principles. Scans for missing confirmation dialogs, loading states, toast feedback, form validation, empty states, keyboard accessibility, error boundaries, progressive disclosure, navigation patterns, responsive touch targets, scroll behavior, state persistence, search UX, file upload UX, permission UI, native element usage, and HeroUI design principle violations (semantic variants, composition patterns, consistency, type safety, customization). Reports issues with severity and recommended fix — does NOT modify any code. Use when asked to "review UX", "audit interactions", "check UX", "交互审查", "优化交互", "交互细节", "UX best practices", "review UI patterns", "检查界面", "UI 审查", "交互优化", "design review", "设计审查", "组件审查", or any request involving reviewing or improving the quality of user-facing interaction flows.

Core Features & Use Cases

  • Audit scope: Scans for known UX anti-patterns across components, routes, and interactions.
  • Per-file reporting: Generates per-file JSON results and a consolidated report with severity levels.
  • Non-intrusive review: Preserves source code and relies on a file-level cache to support incremental scans.

Quick Start

Run a UX audit on the target project and generate a structured report.

Frequently Asked Questions about qruiq-review-ux

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

FAQPage Schema
How do I audit UX interactions in a React project?

To audit UX interactions in a React project, you can run a comprehensive review that scans for missing loading states, form validation, and accessibility issues. The audit generates per-file results and a consolidated report without modifying your source code.

What does a UX interaction audit check for?

A UX interaction audit checks for missing confirmation dialogs, empty states, keyboard accessibility, responsive touch targets, and error boundaries. It also reviews navigation patterns and HeroUI design principle violations to ensure optimal usability.

Can I review UX on specific files instead of the whole project?

Yes, you can perform a scoped scan on specific files instead of auditing the entire project. The audit uses an incremental file-level cache to support targeted reviews while preserving project state and cache metadata.

Will a UI review modify my frontend source code?

No, a UI review is non-intrusive and does not modify your frontend source code. It performs a read-only audit of interaction patterns and design principles, reporting issues with severity levels and actionable recommendations.

How does the audit handle HeroUI design principles?

The audit identifies HeroUI design principle violations by checking semantic variants, composition patterns, consistency, type safety, and customization. It reports these findings with actionable recommendations to improve your UI consistency.