omk-frontend-ui-review

Reviews React and Next.js frontends for UI defects across accessibility, responsiveness, and component architecture.

130|14|Updated Apr 30, 2026
One-click install
npx skills add https://github.com/dmae97/oh-my-kimi --skill omk-frontend-ui-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: omk-frontend-ui-review
Source: https://github.com/dmae97/oh-my-kimi/tree/main/templates/skills/agents/omk-frontend-ui-review
Command: npx skills add https://github.com/dmae97/oh-my-kimi --skill omk-frontend-ui-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend UI reviews help teams catch usability and quality issues early, preventing accessibility regressions, broken layouts, and fragile component architecture from reaching production.

Core Features & Use Cases

  • Frontend UI review checklist: Evaluates component boundaries, server/client boundaries, accessibility, responsive layout, and loading/error/empty state handling.
  • State and performance scrutiny: Assesses state ownership and flags unnecessary re-renders that can degrade user experience.
  • Tailwind and architecture hygiene: Reviews Tailwind consistency and component architecture to reduce maintenance risk, with an explicit focus on visual regression risk.

Quick Start

Review the provided React or Next.js UI for accessibility, responsive behavior, and state handling, and return a structured list of UI issues with suggested fixes.

Frequently Asked Questions about omk-frontend-ui-review

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

FAQPage Schema
How do I review my React UI for accessibility and responsive design issues?

To review a React UI for accessibility and responsive design issues, evaluate component boundaries, server/client separation, and loading, error, and empty states to identify categorized UI defects and receive actionable suggested fixes.

What is frontend UI review for React and Next.js components?

Frontend UI review for React and Next.js components is a process that audits accessibility, responsiveness, Tailwind consistency, and component architecture to catch usability and quality issues before they reach production.

Can I use this to check Next.js server and client component boundaries?

Yes, you can validate Next.js server and client component boundaries, as the review explicitly checks component architecture and state ownership to flag unnecessary re-renders and fragile structures.

What's the best way to audit loading, error, and empty states in a Next.js frontend?

The best way to audit loading, error, and empty states in a Next.js frontend is running a structured UI review that categorizes state handling problems alongside accessibility and responsive layout defects, producing suggested fixes.

How do I assess Tailwind consistency and visual regression risk in my React components?

You assess Tailwind consistency and visual regression risk in React components by reviewing component architecture hygiene and styling patterns, which reduces maintenance risk and flags potential UI quality defects.

Why does my React component architecture cause unnecessary re-renders and state issues?

React component architecture causes unnecessary re-renders and state issues when state ownership is misplaced or component boundaries are poorly defined, which a frontend UI review identifies by scrutinizing state and performance handling.