Interface Design Review Skill for ChatGPT: Audit Usability and Accessibility With Evidence
Review a supplied screen, code excerpt, or mockup for hierarchy, readability, controls, and component consistency. Keep measurable findings, pending checks, and visual opinions labeled.
中文Install in ChatGPT
Requires a ChatGPT workspace where you can create skills. This is a text adaptation of the pinned GitHub source.
- Review the inputs and outputs in the pinned .claude/skills/design-review/SKILL.md.
- In ChatGPT, open Plugins, Skills, Create, and Create with editor.
- Write the skill rules using the workflow described here. Provide screenshots, the interface task, measurements, and any relevant component notes.
- Save the skill and check the fictional example in a new chat.
Example task
A fictional checkout has measured contrast of 3.1:1 for normal body text and an icon-only Back button with no accessible name. Provide prioritized findings and verification.What to check
Record contrast and the missing accessible name as supported findings. Give checks for each and leave keyboard focus pending if the screenshot cannot establish it.
Original SKILL.md on GitHub · Updated
Frequently asked question
Can I claim users will definitely miss a button without observing them?
Describe observable hierarchy, position, or contrast. Present user behavior as a hypothesis with a suitable usability check.