Mobile Performance Profiler and Optimizer
Generates a mobile performance profiling strategy with frame rate analysis, memory leak detection, network optimization, and battery impact reduction techniques.
Image Optimization and Lazy Loading Setup
Generates a complete image optimization pipeline with responsive images, lazy loading, blur placeholders, format selection, CDN configuration, and Core Web Vitals optimizations.
Frontend Error Boundary and Fallback Designer
Generates a complete error handling architecture with error boundaries, fallback UIs, retry logic, error reporting integration, and graceful degradation patterns for your frontend application.
SEO Meta Tag and Structured Data Generator
Generates complete SEO meta tags, Open Graph tags, Twitter Cards, JSON-LD structured data, and canonical URL configuration for your page type and frontend framework.
Browser Compatibility Fix Generator
Identifies browser compatibility issues in your frontend code and generates cross-browser fixes with polyfills, fallbacks, and progressive enhancement patterns for your target browser matrix.
Micro-Frontend Architecture Planner
Generates a complete micro-frontend architecture plan with module federation configuration, shared dependency management, routing strategy, communication patterns, and deployment pipeline design.
Progressive Web App Scaffold Generator
Generates a complete PWA implementation including service worker, web app manifest, offline fallback, caching strategies, push notification setup, and install prompt handling.
Frontend Performance Bundle Analyzer and Optimizer
Analyzes your frontend bundle configuration, identifies performance bottlenecks, and generates specific optimization strategies with code changes for tree-shaking, code splitting, and lazy loading.
SSR vs SSG Migration Guide Generator
Generates a detailed migration guide for transitioning between server-side rendering and static site generation strategies, with framework-specific code changes, performance comparisons, and step-by-step implementation.
State Management Pattern Selector and Implementer
Analyzes your application requirements and recommends the optimal state management pattern, then generates a complete implementation with types, actions, selectors, and component integration code.
Responsive Grid and Layout System Builder
Generates a complete responsive grid and layout system with breakpoints, container queries, and fluid spacing, tailored to your CSS approach and design requirements.
Accessibility Audit and Fix Generator
Performs a comprehensive accessibility audit on your frontend code, identifies WCAG violations, and generates ready-to-apply fixes with ARIA attributes, semantic HTML, and keyboard navigation improvements.