ui-review

Automate UI reviews for accessibility, branding, and design consistency.

Updated Feb 20, 2026
One-click install
npx skills add https://github.com/saajunaid/junai --skill ui-review-saajunaid
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-review
Source: https://github.com/saajunaid/junai/tree/main/.github/skills/frontend/ui-review
Command: npx skills add https://github.com/saajunaid/junai --skill ui-review-saajunaid

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Reviews UI implementations to ensure accessibility compliance, brand alignment, and design consistency across projects, reducing release risk and rework.

Core Features & Use Cases

  • Automated accessibility and contrast checks against WCAG 2.2 AA
  • Brand and typography consistency validation across components and pages
  • Pre-release UI validation for static sites and SPAs (React, Vue, Next.js, Svelte)

Quick Start

Run a complete UI review against accessibility, typography, and brand guidelines.

Frequently Asked Questions about ui-review

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

FAQPage Schema
How do I automate a UI accessibility and brand consistency audit for my SPA?

To validate UI implementations for accessibility and brand alignment, run an automated review that checks contrast against WCAG 2.2 AA, verifies typography consistency, and generates a structured report. This reduces release risk by catching design deviations across components and pages.

Can I check WCAG 2.2 AA contrast and focus states in React and Vue applications?

Yes, you can check WCAG 2.2 AA contrast and focus states in React and Vue applications. The review targets static sites and SPA frameworks including React, Vue, Next.js, and Svelte to validate layout, responsiveness, and focus states before release.

What is the best way to enforce brand guidelines and typography consistency across web components?

The best way to enforce brand guidelines and typography consistency is to run an automated UI review that validates components and pages against your brand rules. This identifies visual design deviations and produces a structured report for rework.

Does the UI review process generate a structured checklist for pre-release validation?

Yes, the UI review process generates a structured checklist covering typography, contrast, layout, responsiveness, and focus states. It satisfies pre-release validation requirements for static sites and SPAs by outputting a reusable report template to reduce rework.

When do I need to run an automated UI review for accessibility compliance?

You need to run an automated UI review for accessibility compliance before releasing static sites or SPA frameworks. It validates UI implementations against WCAG 2.2 AA standards to ensure accessibility compliance, brand alignment, and design consistency, reducing release risk.