ui-self-reviewer

Automate structured UI self-reviews covering code, visual, interaction, and aesthetic aspects.

2|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/Ruzenie/RUI-agentskills --skill ui-self-reviewer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-self-reviewer
Source: https://github.com/Ruzenie/RUI-agentskills/tree/main/RUI-agentskills/RUI-codex-cn/skills/ui-self-reviewer
Command: npx skills add https://github.com/Ruzenie/RUI-agentskills --skill ui-self-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the process of conducting a structured self-review for UI development, proactively identifying issues before formal acceptance testing.

Core Features & Use Cases

  • Code Review: Checks for syntax, type correctness, structure, naming conventions, and dead code.
  • Visual Review: Ensures consistency in hierarchy, colors, typography, and spacing.
  • Interaction Review: Validates state completeness, feedback clarity, and animation naturalness.
  • Aesthetic Review: Assesses modernity, detail completion, brand alignment, and differentiation.
  • Use Case: Before submitting a new feature for QA, run this Skill to catch potential bugs, design inconsistencies, and usability flaws, ensuring a higher quality deliverable.

Quick Start

Use the ui-self-reviewer skill to perform a comprehensive self-review of the latest UI changes.

Frequently Asked Questions about ui-self-reviewer

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

FAQPage Schema
How do I automate UI self-review before formal acceptance testing?

Automate UI self-review by running a structured process that checks code, visual, interaction, and aesthetic aspects. It proactively identifies issues and outputs review results with actionable improvement items before formal QA.

What is included in a structured visual and interaction UI review?

A structured UI review includes checking code for syntax and dead code, ensuring visual consistency in hierarchy and typography, validating interaction state completeness, and assessing aesthetic brand alignment to ensure higher quality deliverables.

How do I check my UI code for design inconsistencies and usability flaws?

Check UI code by automating a self-auditing process that evaluates syntax, type correctness, visual spacing, feedback clarity, and animation naturalness. This identifies potential bugs and usability flaws before submission.

Can I use an automated self-auditing process to assess UI aesthetic evaluation and modernity?

Yes, you can use automated self-auditing to perform aesthetic evaluation. It assesses UI modernity, detail completion, brand alignment, and differentiation, providing scores and refactoring triggers for improvement.

Does UI self-review work for catching dead code and syntax errors in new features?

Yes, UI self-review works for catching dead code and syntax errors. The code review aspect checks for type correctness, structure, naming conventions, and dead code to identify issues proactively.

When should I run an automated UI self-review during development?

Run an automated UI self-review before submitting a new feature for QA. It catches potential bugs, design inconsistencies, and usability flaws early, ensuring a higher quality deliverable for formal acceptance.