CSS Grid and Flexbox Layout Solver
Takes a layout description or wireframe specification and generates the optimal CSS Grid or Flexbox implementation with responsive behavior, alignment, and gap handling.
TypeScript Type Utility Generator
Generates advanced TypeScript type utilities, mapped types, conditional types, and generic patterns for common frontend patterns like API responses, form state, component props, and configuration objects.
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.
WCAG Compliance Checker and Remediation Guide
Performs a systematic WCAG 2.2 compliance check across all four principles (Perceivable, Operable, Understandable, Robust) and generates a prioritized remediation plan with code fixes.
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.
Dark Mode Implementation Guide
Generates a complete dark mode implementation with theme tokens, toggle component, system preference detection, persistence, smooth transitions, and image adaptation for your frontend stack.
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.
Storybook Configuration and Story Writer
Generates complete Storybook configuration, story files with all variants, interactive controls, documentation pages, and visual testing setup for your component library.
Component Unit Testing Template Generator
Generates comprehensive unit testing templates for frontend components with testing patterns for user interactions, async behavior, accessibility checks, and snapshot testing in your chosen testing framework.
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.