Prompts

API Mocking Strategy

Design an API mocking strategy using MSW (Mock Service Worker) for development, testing, and Storybook environments.

Frontend Performance Testing

Build a frontend performance testing pipeline measuring Core Web Vitals, bundle size, and runtime performance in CI.

Frontend E2E Testing

Design an end-to-end testing strategy for frontend applications using Playwright or Cypress with reliable selectors and CI.

Visual Regression Testing

Implement visual regression testing with screenshot comparison, component-level snapshots, and CI integration.

Component Testing Strategy

Design a component testing strategy with unit tests, integration tests, and behavioral assertions using Testing Library.

Scroll-Driven Animations

Implement scroll-driven animations using CSS scroll-timeline, Intersection Observer, and scroll-linked JavaScript patterns.

Page & View Transitions

Design page and view transitions using the View Transitions API, Framer Motion, and CSS transitions for smooth navigation.

Gesture & Touch Animation

Implement touch gesture handling with spring physics, momentum scrolling, and multi-touch interactions for mobile-first UIs.

Animation Performance

Optimize web animations for 60fps performance using compositor-friendly properties, GPU acceleration, and performance profiling.

PWA Push Notification Design

Design a push notification system for PWAs using the Push API, Notification API, and server-side push infrastructure.

PWA Caching Strategy

Design a multi-layer caching strategy for PWAs using Service Worker, Cache API, and HTTP cache with versioned invalidation.

Offline-First Design

Design an offline-first architecture where the application works without a network and syncs when connectivity returns.

PWA Application Architecture

Design a Progressive Web Application architecture with installability, offline support, and native-like capabilities.

Internationalization Performance

Optimize i18n performance with lazy-loaded locale bundles, message compilation, and efficient runtime formatting.

Internationalization Testing Strategy

Build an i18n testing strategy covering locale switching, text expansion, pseudo-localization, and translation validation.

Internationalization Content Management

Design a translation content management workflow with message extraction, TMS integration, and continuous localization.

RTL Layout Support

Implement right-to-left layout support using CSS logical properties, bidirectional text handling, and mirrored UI patterns.

Internationalization App Architecture

Architect an internationalization system with locale detection, message catalogs, pluralization, and framework integration.

Shared Design System for Micro-FE

Build a shared design system consumed by multiple micro-frontends ensuring visual consistency without tight coupling.

Micro-Frontend Deployment

Design independent deployment pipelines for micro-frontends with versioning, rollback, and progressive delivery strategies.

Micro-Frontend Communication

Design cross-micro-frontend communication using custom events, shared event bus, and contract-driven message passing.

Module Federation Design

Implement Webpack Module Federation or Vite Federation for sharing code and components across micro-frontend applications.

Micro-Frontend Architecture

Design a micro-frontend architecture enabling independent team ownership, deployment, and technology choices across a large application.

WebRTC Architecture

Design a WebRTC architecture for real-time peer-to-peer video, audio, and data channels with signaling and TURN fallback.