Design QA and UI Implementation Reviewer
Compare implemented interfaces with design specifications for layout, spacing, typography, states, responsiveness, accessibility, and behavior.
Design QA and UI Implementation Reviewer is a free AI skill for testing & quality checks. Compare implemented interfaces with design specifications for layout, spacing, typography, states, responsiveness, accessibility, and behavior. It works with Claude, ChatGPT and is ready to use out of the box.
About this skill
Compare implemented interfaces with design specifications for layout, spacing, typography, states, responsiveness, accessibility, and behavior. This skill converts user goals, product constraints, existing design evidence, and technical behavior into a structured UX specification.
What it does
The skill analyzes the user journey, product behavior, visual and interaction context, accessibility needs, responsive constraints, edge cases, and available evidence; then produces a professional design plan with clear states, priorities, tests, and implementation criteria.
What is included
- QA context
- Reference map
- Layout findings
- Typography and color
- Components and states
- Responsive findings
- Interaction and accessibility
- Defect matrix
How to use it
1. Download the design-qa-and-ui-implementation-reviewer-SKILL.md file 2. Upload it to your design or product workspace 3. Provide the current screens, users, goals, constraints, and evidence 4. Add technical, accessibility, responsive, and brand requirements 5. Use the final specification for design, implementation, and review
Examples
Review a React landing page implementation against approved desktop and mobile Figma designs.
A complete professional deliverable covering user goals, structure, interaction rules, responsive behavior, accessibility, edge states, validation, and implementation criteria.
FAQ
What is this skill for?
Can it improve an existing design?
Does it include accessibility?
Can it work without analytics?
Does it create final visual files?
How is this different from a generic design prompt?
Related Skills
Design Heuristic Audit Specialist
Audit interfaces using usability heuristics, evidence, severity, root causes, consistency, recovery, and prioritized recommendations.
Publication Readiness and Final Copy Reviewer
Perform a final editorial review for accuracy, grammar, structure, links, metadata, formatting, accessibility, consistency, and release blockers.
Social Content Preflight QA Reviewer
Review social content before publishing for accuracy, claims, links, tags, captions, subtitles, visuals, disclosure, accessibility, and platform fit.
Related Prompts
Design System Component Specification Writer
Turn a UI component into an implementation-ready specification covering anatomy, states, behavior, content, accessibility, tokens, and quality checks.