review-design

Review Svelte components for UI/UX standards and accessibility by analyzing component styling, responsiveness, focus styles, ARIA attributes, and color contrast against project design tokens. This ensures frontend components adhere to established design principles and improves overall usability.

A frontend design quality review checks Svelte components for styling consistency, responsiveness, usability, touch target compliance, and logical CSS implementation. It verifies adherence to established design tokens and project standards to maintain UI/UX quality across the application.

Yes, you can run a design review on specific file paths or glob patterns by passing them as arguments. The review defaults to all changed files compared to the master branch if no specific paths or patterns are provided.

Audit accessibility in Svelte components before merging by verifying focus styles, validating ARIA attributes, and checking color contrast. This process ensures new feature UI components align with the project's design system and accessibility requirements prior to integration.

Yes, the design review verifies adherence to design tokens. It analyzes Svelte components to ensure they correctly apply logical CSS and project-specific design tokens for consistent UI/UX standards across the entire application.

The best way to ensure logical CSS implementation is to review frontend components for UI/UX best practices, checking styling and responsiveness against project standards. This validates that components properly utilize logical CSS properties and adhere to design tokens.