skills.rest
Dzakiamriz22
Dzakiamriz22COMMUNITY
Explore all skills by this author →
GitHub

ui-review

Audit frontend UI components across eight design dimensions and refactor failing code.

1|Updated Jul 15, 2026
Search Tags:#accessibility#refactoring#frontend#web-design#ui-review#design-audit
One-click install
npx skills add https://github.com/Dzakiamriz22/frontend-pack --skill ui-review-dzakiamriz22
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-review
Source: https://github.com/Dzakiamriz22/frontend-pack/tree/main/skills/ui-review
Command: npx skills add https://github.com/Dzakiamriz22/frontend-pack --skill ui-review-dzakiamriz22

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the common issue of inconsistent, inaccessible, or poorly structured UI components by providing a rigorous, expert-level design audit that identifies and fixes flaws automatically.

Core Features & Use Cases

  • Multi-Dimensional Audit: Evaluates typography, spacing, hierarchy, accessibility, responsiveness, consistency, animations, and state management.
  • Auto-Refactoring: Automatically applies code fixes for any design dimension scoring below 9 out of 10.
  • Use Case: Use this after generating a new dashboard or landing page to ensure it meets professional standards for accessibility and visual rhythm before shipping to production.

Quick Start

Run the ui-review skill on the current component file to receive a detailed design audit and automatic code improvements.

Frequently Asked Questions about ui-review

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

FAQPage Schema
How do I audit frontend UI components for accessibility and visual hierarchy?▼

You can audit frontend UI components by running this skill to systematically evaluate typography, spacing, hierarchy, and accessibility across eight critical design dimensions. It ensures production-grade interface consistency and WCAG 2.1 AA compliance.

Can I automatically refactor web design code that fails accessibility checks?▼

Yes, you can automatically refactor web design code failing accessibility checks because this skill performs automated code refactoring for any component scoring below 9 out of 10 in the design audit. It applies fixes to meet professional standards.

What does a professional design audit evaluate for production-grade interfaces?▼

A professional design audit for production-grade interfaces evaluates typography, spacing, hierarchy, accessibility, responsiveness, consistency, animations, and state management. This multi-dimensional analysis ensures your UI components meet high-quality thresholds before shipping.

Does this UI review tool work with existing frontend components?▼

Yes, this UI review tool works with existing frontend components by running directly on the current component file to receive a detailed design audit. It requires no external dependencies to analyze and improve your code.

When should I run a design audit on my web application?▼

You should run a design audit on your web application after generating a new dashboard or landing page to ensure it meets professional standards for accessibility and visual rhythm. This prevents shipping inconsistent or poorly structured UI components.

Related Skills

Explore More Design & Creative Skills→
uzh-bfuzh-bf
41

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic
kiryteokiryteo
1

accessibility-review

Audits designs and code for WCAG 2.1 AA compliance.

Community
Intermediate
olimpus-softolimpus-soft

review-frontend

Automate frontend code reviews for security, performance, and accessibility issues.

Official
Advanced
Ilenburg1993Ilenburg1993
3

code-audit

Audit code for semantic flaws and generate a Markdown report with corrections.

Community
Advanced