II.
LibraryProcess overview
Reference · livelib-process:ux-ui-design--design-qa
specializations/ux-ui-design/design-qa overview
Design QA and Visual Regression Testing - Comprehensive design quality assurance process ensuring pixel-perfect implementation, design system compliance, cross-browser consistency, responsive design verification, and visual regression prevention through automated screenshot comparison and design validation.
Attributes
displayName
specializations/ux-ui-design/design-qa
description
Design QA and Visual Regression Testing - Comprehensive design quality assurance process ensuring
pixel-perfect implementation, design system compliance, cross-browser consistency, responsive design verification,
and visual regression prevention through automated screenshot comparison and design validation.
libraryPath
library/specializations/ux-ui-design/design-qa.js
specialization
ux-ui-design
references
- - Percy Visual Testing: https://percy.io/
- - Chromatic: https://www.chromatic.com/
- - BackstopJS: https://github.com/garris/BackstopJS
- - Playwright Visual Comparison: https://playwright.dev/docs/test-snapshots
- - Design QA Best Practices: https://www.smashingmagazine.com/
- - Visual Regression Testing: https://www.browserstack.com/guide/visual-regression-testing
- - Design System Testing: https://storybook.js.org/docs/react/writing-tests/visual-testing
example
const result = await orchestrate('specializations/ux-ui-design/design-qa', {
projectName: 'E-Commerce Platform',
designFiles: ['figma://project/dashboard', 'figma://project/checkout'],
implementationUrl: 'https://staging.example.com',
pages: ['/dashboard', '/products', '/checkout'],
components: ['navigation', 'product-card', 'button', 'form-input'],
tool: 'percy',
designSystem: {
tokens: 'design-tokens.json',
components: 'component-library',
guidelines: 'design-guidelines.md'
},
viewports: ['mobile-375', 'tablet-768', 'desktop-1440'],
browsers: ['chrome', 'firefox', 'safari'],
toleranceLevel: 'strict',
includeAccessibility: true
});
usesAgents
- general-purpose
Outgoing edges
lib_applies_to_domain1
- domain:web-development·DomainWeb Development
lib_belongs_to_specialization1
- specialization:ux-ui-design·Specialization
lib_implements_workflow2
- workflow:user-feedback-loop·WorkflowUser Feedback Loop
- workflow:product-discovery·WorkflowProduct Discovery
lib_involves_role2
- role:product-designer·RoleProduct Designer
- role:ux-researcher·RoleUX Researcher
lib_requires_skill_area2
- skill-area:design-systems·SkillAreaDesign Systems
- skill-area:interaction-design·SkillAreaInteraction Design
Incoming edges
None.