web-design-guidelines-apply

Align UI components by applying shared web design guidelines to maintain consistency across frontend features like forms, interactions, accessibility, motion, and performance. It references local design systems and project language to enforce explicit decisions during UI implementation.

Enforce accessibility by applying shared guidelines that mandate semantic HTML, accessible components, keyboard interaction, proper focus management, and responsive behavior. This ensures frontend UI adherence to established interface standards and prevents drift toward inconsistent visuals.

Yes, local design system files like DESIGN_SYSTEM.md and CLAUDE.md are directly referenced. The Skill consults these style guides and reference maps to apply explicit design decisions to your current frontend component implementation.

Prevent drift by consulting reference maps and project language to maintain UI consistency across surfaces. This applies shared design guidelines to forms, typography, color, motion, and interactions, ensuring alignment with the established design direction.

No external dependencies or component libraries are required. The Skill operates independently to align your UI with shared web design guidelines, relying solely on your local design systems and reference files to maintain frontend consistency.