admin-ui-review

Analyze admin UI code for pattern inconsistencies and anti-patterns.

Updated Apr 3, 2026
One-click install
npx skills add https://github.com/OZVE/cuarta-avenida --skill admin-ui-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: admin-ui-review
Source: https://github.com/OZVE/cuarta-avenida/tree/main/.claude/skills/admin-ui-review
Command: npx skills add https://github.com/OZVE/cuarta-avenida --skill admin-ui-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Admin UI code often lacks consistency with established patterns, leading to UX issues, accessibility gaps, and maintainability problems across packages/admin.

Core Features & Use Cases

  • Standardized UI patterns: form fields, layouts, and typography to align with the project's UI kit.
  • Detect anti-patterns: identify raw Controller usage, hardcoded strings, missing i18n, improper heading levels, and missing data-testids.
  • Review in PRs: quickly verify new UI code against guidelines to prevent regressions.

Quick Start

Review the latest UI changes in packages/admin/src using the checklist to identify anti-patterns and produce a remediation report.

Frequently Asked Questions about admin-ui-review

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

FAQPage Schema
How do I check my admin UI code for accessibility and i18n anti-patterns?

To check admin UI code for accessibility and i18n anti-patterns, review changed files in packages/admin to validate Form.Field usage, heading levels, data-testid presence, and hardcoded strings. This enforces established UI patterns and produces a prioritized findings report.

What is the best way to enforce consistent UI patterns during a pull request review?

The best way to enforce consistent UI patterns during a pull request review is to audit the changed files for raw Controller usage and improper form components. This catches anti-patterns early, preventing maintainability regressions across the admin package.

Why does my admin UI code lack consistency with the established UI kit?

Admin UI code lacks consistency with the established UI kit when developers bypass standardized components like Form.Field and use raw Controller usage. Detecting these deviations during codebase audits helps align typography, layouts, and form fields with the project guidelines.

Can I audit existing packages/admin code for missing data-testids and improper heading levels?

Yes, you can audit existing packages/admin code for missing data-testids and improper heading levels. Analyzing the codebase produces a prioritized remediation report that highlights accessibility gaps and enforces established UI patterns for improved maintainability.

Does the admin UI code review process detect hardcoded strings and missing i18n?

Yes, the admin UI code review process detects hardcoded strings and missing i18n implementations. It analyzes changed files within packages/admin to identify these anti-patterns, ensuring proper internationalization and preventing UX issues across the interface.

What are the limitations of automated UI pattern detection in admin code?

The limitation of automated UI pattern detection in admin code is that it focuses strictly on validating predefined structural patterns like Form.Field usage and data-testid presence. It requires established project guidelines to compare against and does not detect subjective visual design flaws.