Does this skill automatically fix my CSS code?

No, it operates in a read-only mode to provide objective feedback and suggestions without directly modifying your source files, ensuring you maintain full control over the implementation.

How is the feedback structured?

Feedback includes a verdict (Pass/Needs work/Block), a list of high-impact issues, 'Quick wins' fixable in under 30 minutes, and long-term follow-up tasks for future sprints.

Can it check for mobile responsiveness?

Yes, it specifically reviews layout behavior across different breakpoints to ensure the UI functions correctly on mobile, tablet, and desktop screens.

What language does the skill provide feedback in?

The UI Quality Reviewer is configured to provide its detailed analysis and prioritized feedback in Korean, adhering to the plugin's specific constraints.

What criteria does the UI Reviewer use for its audits?

It evaluates UI based on six dimensions: spec compliance, visual consistency, responsiveness, state completeness (loading/error/hover), interaction quality, and technical risk notes.

UI Quality Reviewer

Name: UI Quality Reviewer
Author: minchanpark

byminchanpark

0•

デザインツール

Evaluates frontend implementations against production-grade standards to ensure design consistency, responsiveness, and interaction quality.

The UI Quality Reviewer skill functions as an automated design auditor for frontend developers, meticulously checking UI implementations for 'launch-ready' quality. It scans for specification compliance, visual consistency in design tokens, mobile responsiveness, and the completeness of interactive states such as loading, error, and hover. By generating a clear verdict and categorized feedback—including high-impact issues and quick fixes—it enables teams to polish micro-details and ensure a professional user experience across all devices without manually checking every breakpoint.

主な機能

01Prioritized feedback with actionable quick wins

02Specification and layout compliance auditing

03Comprehensive UI state completeness checks

04Visual consistency and design token verification

050 GitHub stars

06Responsive breakpoint and layout testing

ユースケース

01Verifying mobile responsiveness and edge-case handling

02Auditing design system adherence across a codebase

03Finalizing UI components before production deployment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add minchanpark/agent-team-simulator ui-reviewer

For use in Claude.ai and ChatGPT

主な機能

01Prioritized feedback with actionable quick wins

02Specification and layout compliance auditing

03Comprehensive UI state completeness checks

04Visual consistency and design token verification

050 GitHub stars

06Responsive breakpoint and layout testing

ユースケース

01Verifying mobile responsiveness and edge-case handling

02Auditing design system adherence across a codebase

03Finalizing UI components before production deployment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add minchanpark/agent-team-simulator ui-reviewer

For use in Claude.ai and ChatGPT