design-review

Assess UI design quality and accessibility across web and mobile interfaces.

Updated Aug 23, 2026

Search Tags:#ui #accessibility #a11y #responsive #design-review #ux-audit #visual-quality

Ready to run

npx skills add https://github.com/ShiplightAI/codex-plugin --skill design-review-shiplightai

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/ShiplightAI/codex-plugin/tree/main/agents/skills/design-review
Command: npx skills add https://github.com/ShiplightAI/codex-plugin --skill design-review-shiplightai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI and design review: evaluate visual quality, responsive behavior, accessibility, color/contrast, typography, layout consistency, and internationalization readiness using browser-based validation against industrial standards.

Core Features & Use Cases

Phase-driven evaluation across accessibility, visual design, typography, responsiveness, and i18n readiness.
Browser-based validation against WCAG 2.1 AA, Material Design, ISO 9241-110, and APCA standards.
Evidence collection, annotated screenshots, and remediation guidance for actionable fixes.
Use Case: A designer or engineer runs the design-review on a new feature to catch issues before release.

Quick Start

Execute a design-review pass on the current UI to identify accessibility, visual, and responsiveness issues and generate a remediation plan.

Frequently Asked Questions about design-review

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

FAQPage Schema

How do I audit UI accessibility against WCAG 2.1 AA standards?▼

Run a browser-based design-review pass on your web or mobile interface to audit UI accessibility against WCAG 2.1 AA standards, evaluating color contrast and visual quality while generating actionable remediation guidance.

What is the best way to check responsive design consistency across mobile and web applications?▼

Checking responsive design consistency across mobile and web applications involves a phase-driven evaluation workflow that analyzes visual quality and layout behavior across responsive states, capturing evidence and tagging issues for structured remediation.

How do I generate YAML regression tests from a UX audit?▼

You can generate YAML regression tests from a UX audit by completing the phase-based analysis workflow, which exports structured findings, annotated screenshots, and validation reports into regression test formats for continuous testing.

Can I evaluate internationalization readiness using automated design review?▼

Yes, you can evaluate internationalization readiness using automated design review by validating typography, layout consistency, and visual quality against industry standards like ISO 9241-110 to ensure your UI adapts to global requirements.

Does the design review process support APCA and Material Design standards?▼

The design review process supports browser-based validation against APCA and Material Design standards, allowing you to assess visual quality, color contrast, and layout consistency to ensure compliance across different product interfaces.