skills.rest
erikalira
erikaliraCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-review

Review UI changes for responsiveness, usability, and architecture adherence.

Updated Apr 30, 2026
Search Tags:#ui#architecture#usability#review#ux#responsiveness
One-click install
npx skills add https://github.com/erikalira/canonkit --skill ui-ux-review-erikalira
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-review
Source: https://github.com/erikalira/canonkit/tree/main/.codex/skills/ui-ux-review
Command: npx skills add https://github.com/erikalira/canonkit --skill ui-ux-review-erikalira

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps identify UX regressions and architecture issues in user interfaces, ensuring quality before deployment.

Core Features & Use Cases

  • UX Regression Detection: Review UI modifications for responsiveness, focus, and usability.
  • Architectural Boundary Checks: Validate that UI code does not leak business logic.
  • Use Case: When updating a web app's layout or interaction flow, run this skill to catch responsiveness issues and boundary violations.

Quick Start

Ask the AI to review the latest UI changes for responsiveness and UX issues.

Frequently Asked Questions about ui-ux-review

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

FAQPage Schema
How do I check UI changes for responsiveness and usability regressions before release?▼

To check UI changes for responsiveness and usability, you can review layout adjustments and interaction flows to catch regressions. This validates focus, responsiveness, and boundary integrity before deployment, ensuring user-friendly interfaces without business logic leaks.

What is the best way to validate architectural boundaries in UI code?▼

Validating architectural boundaries in UI code involves reviewing project modules to ensure business logic does not leak into user interface components. This early validation checks boundary integrity and architectural adherence across UI modifications before release.

Do I need UI documentation and code references to review user interface modifications?▼

Yes, you need relevant UI documentation and code references to review user interface modifications. Providing these references allows the validation process to accurately assess responsiveness, usability, and architectural adherence across your project modules.

When do I need to run a UX regression detection check on my web app layout?▼

You need to run a UX regression detection check when updating a web app's layout or interaction flow. This early validation catches responsiveness issues and boundary violations, ensuring quality and user-friendly interfaces before deployment.

Can I review interaction flows across multiple project modules without leaking business logic?▼

Yes, you can review interaction flows across project modules without leaking business logic. The review process validates UI interactions and layout adjustments while checking architectural boundaries to ensure business logic does not leak into UI code.

Related Skills

Explore More Design & Creative Skills→
DanialHaseebDanialHaseeb

shape

Plan UX and UI through structured discovery interviews and design briefs.

Community
Intermediate
miko06miko06

guard

Enforces directory-boundary edits and warns before destructive commands in Bash.

Community
Intermediate
JamesPrialJamesPrial
3

go-goroutine-leaks

Detect goroutine leaks and implement clean exit patterns.

Community
Intermediate
RektooooooRektoooooo
2

swiftui-layout

Create responsive SwiftUI layouts that adapt to screen sizes and interactions.

Community
Intermediate