df:frontend-design

Auditing existing frontend code involves reviewing it for eden-ui compliance, accessibility, and proper design-token usage. This process standardizes UI components by checking rendered pages against expected conventions, ensuring visual consistency and adherence to established frontend standards.

Visual testing for responsive layouts and dark mode is executed using Playwright snapshots to validate rendered pages. This approach captures visual checks across different viewport sizes and theme states, ensuring that Eden UI components render correctly and maintain design-token conformance.

Yes, Playwright-based visual validation is required to ensure design-token conformance and verify dark-mode compatibility. It performs visual checks across responsive layouts by capturing snapshots of rendered ERB views, confirming that the Eden UI components appear correctly.

The best way to verify dark-mode compatibility is through Playwright-based visual validation of rendered ERB views. This visual testing captures snapshots across responsive layouts, ensuring that Eden UI components strictly conform to design tokens and render correctly in dark mode.