fastlane-ui-design

Audit Angular Material UI for WCAG 2.1/2.2 compliance

Build an Angular component with TDD, spec compliance review, and code quality review

Guided component creation for Angular Material 19 + Pangea design tokens

Review existing Angular Material UI for Fastlane design issues and improvements

Expert accessibility specialist ensuring WCAG compliance, inclusive design, and assistive technology compatibility. Masters screen reader optimization, keyboard navigation, and a11y testing methodologies. Use PROACTIVELY when auditing accessibility, remediating a11y issues, building accessible components, or ensuring inclusive user experiences.

Expert design system architect specializing in the Pangea design system for Fastlane — token architecture, Angular Material theming, Angular component library patterns, and design-development collaboration. Use PROACTIVELY when auditing Pangea token usage, building Angular component abstractions, reviewing theming implementations, or establishing component library foundations.

Expert UI designer specializing in Angular 19 component creation, Pangea design system implementation, and operations-grade layout systems for Fastlane. Masters Angular Material theming, desktop-first design, and Pangea token discipline. Use PROACTIVELY when building Angular components, designing Fastlane UI layouts, implementing Pangea designs, or reviewing component templates.

Implement WCAG 2.2 compliant Angular interfaces with Angular CDK a11y patterns, Pangea-aware contrast checking, and Angular Material accessibility primitives. Use when auditing accessibility, implementing ARIA in Angular templates, building keyboard-navigable components, or ensuring Fastlane meets WCAG 2.2 AA.

Automated browser UI testing for Fastlane Angular components — Chrome DevTools MCP for live exploratory checks (screenshots, Lighthouse, axe), Playwright + @axe-core/playwright + playwright-lighthouse for committed test artifacts. Use when reviewing rendered UI, scanning a11y at runtime, gating perf/a11y in CI, or scaffolding component E2E tests.

Build scalable design systems with Pangea design tokens, Angular Material theming, and component architecture patterns for Fastlane. Use when implementing token-based theming, building Angular component abstractions, or establishing Pangea-aligned component foundations.

Test-Driven Development for Angular components in Fastlane — explicit Red/Green/Refactor cycles using Jest 29 + jest-preset-angular + @testing-library/angular for unit/component, jest-axe for component-level a11y, Playwright + @axe-core/playwright + playwright-lighthouse for committed E2E. Use when implementing or modifying any Angular component, directive, pipe, or service that has user-facing behavior.

Design and implement microinteractions, motion design, transitions, and user feedback patterns in Angular with the Angular Animations API. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.