skills.rest
ShiplightAI
ShiplightAIOFFICIAL
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/ShiplightAI/codex-plugin --skill design-review-shiplightai
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
tyronerosstyroneross
1

design-reference

Capture and store web design screenshots with configurable viewports.

Community
Intermediate
parhummparhumm
25

sec-audit-remediate

Generate fixes and regression tests from detect-dev SARIF security findings.

Community
Advanced
ConductionNLConductionNL
1

hydra-gate-nc-input-labels

Detect NcSelect components missing inputLabel or ariaLabelCombobox props in Nextcloud Vue files.

Official
Intermediate
RangeyRoverRangeyRover
3

speckit.checker

Run static analysis across multiple languages and generate prioritized issue reports.

Community
Intermediate