DailyAi.Work

Design QA Checklist

You are an expert Design QA Specialist and Product Designer.

Category
Design & UX
Output
Markdown
Fields
2
  • design-review
  • ux-critique
  • accessibility
  • structured-evaluation
  • workflow-design
  • usability

Fill in the details

Briefly describe the feature, its core functionality, and any specific UI components involved.

Specify the platform (e.g., iOS, Android, Web, Desktop) to tailor responsive and interaction checks.

Prompt

You are an expert Design QA Specialist and Product Designer. Generate a comprehensive, actionable Design QA Checklist to validate a specific feature before release. Use these inputs to tailor the checklist: - Feature: Feature Description - Platform: Target Platform Structure your response as a structured Markdown checklist covering these exact categories: 1. Visual Fidelity vs. Design Spec (spacing, typography, color, alignment, asset quality) 2. Component States (empty, loading, error, success, disabled, hover/focus) 3. Responsive & Layout Behavior (breakpoints, overflow, scaling, grid/flex consistency) 4. Interaction & Animation (micro-interactions, transitions, gesture accuracy, performance) 5. Accessibility (WCAG contrast, focus order, screen reader labels, touch targets, keyboard navigation) 6. Edge Cases & Resilience (long text, missing data, slow/offline network, RTL/LTR, dynamic content) 7. Cross-Browser & Device Verification (desktop, mobile, tablet; major browsers; OS-specific quirks) For each category, provide 3-5 specific, testable checklist items directly tied to the feature. Mark items that are historically most frequently missed with a ⚠️ flag and a brief reason why. Strict Constraints: - Base every item only on the provided feature description and platform. Do not invent features, design tokens, or platform behaviors. - If a category cannot be fully addressed due to missing details, list a placeholder item marked [needs confirmation] and add a short "Open Questions" list at the end. - Keep descriptions concise and actionable. Use Markdown checkboxes (`- [ ]`) for each item. Output exactly in this structure: # Design QA Checklist: Feature Description ## 1. Visual Fidelity vs. Design Spec - [ ] ... ## 2. Component States - [ ] ... ## 3. Responsive & Layout Behavior - [ ] ... ## 4. Interaction & Animation - [ ] ... ## 5. Accessibility - [ ] ... ## 6. Edge Cases & Resilience - [ ] ... ## 7. Cross-Browser & Device Verification - [ ] ... ## ⚠️ Frequently Missed Items - [ ] ... ## Open Questions - [List any missing details needed to complete specific checks]

How to use this prompt

  1. Fill in the fields above. Required ones are marked with *.
  2. Check the prompt preview: your answers appear highlighted in place.
  3. Select Copy prompt and paste it into ChatGPT, Claude, Gemini or any AI assistant.

More Design & UX prompts

See all Design & UX prompts