Browse ready-to-use Frontend Dev AI prompt templates. Free to clone and customize.
Plans and executes the migration from Zone.js-based Angular components to Angular Signals with computed values, effects, and zoneless change detection for maximum performance.
Analyzes your React application's state requirements and recommends the optimal state management strategy with implementation blueprints for Context, Zustand, Jotai, Redux Toolkit, or React Query.
Designs Next.js App Router architectures with React Server Components, Suspense streaming, server actions, and optimal client/server component boundary placement.
Diagnoses and fixes Core Web Vitals violations (LCP, INP, CLS) with specific implementation techniques, resource hint strategies, and performance monitoring code.
Performs a comprehensive WCAG 2.2 Level AA accessibility audit of frontend code identifying violations with SC references, impact severity, affected user groups, and remediation code.
Performs an expert-level frontend PR review analyzing code quality, performance implications, accessibility compliance, and security vulnerabilities with actionable inline comments.
Builds production-grade React design system components with compound component patterns, polymorphic 'as' prop, full accessibility, Storybook stories, and TypeScript generics.
Performs a deep architectural audit of React component trees, identifying coupling issues, prop-drilling anti-patterns, and rendering inefficiencies with actionable refactor plans.
Builds complete React form systems using React Hook Form with Zod validation, multi-step wizard support, dynamic field arrays, and server-side error reconciliation.
Designs complete NgRx store implementations with actions, reducers, effects, selectors, and entity adapters following Angular team conventions and performance best practices.
Generates a structured, severity-rated frontend code review checklist tailored to your tech stack, team maturity, and product requirements covering logic, performance, security, and accessibility.
Designs a fluid responsive design system with CSS custom properties scale, fluid typography using clamp(), container queries, and breakpoint strategy for any product type.
Architects resilient, fluid, and 'logic-based' layouts using CSS Grid, Flexbox, and Container Queries.
Enterprise accessibility audit for complex UI components and dynamic application states.
Deep-layer reconciliation audit to eliminate ghost renders and memory leaks in React.
Technical optimization of LCP, CLS, and INP metrics to pass Google's PageSpeed Insights.
Enterprise-grade Angular audit focusing on Signals, RxJS efficiency, and Zone.js optimization.
Designs micro-frontend architectures using Module Federation, single-spa, or iframe strategies with routing, shared dependency management, and inter-app communication patterns.
Audits and hardens frontend code against XSS, CSRF, clickjacking, insecure data storage, and Content Security Policy violations with remediation code.
Analyzes webpack/Vite bundle reports and implements code splitting, tree shaking, dynamic imports, and dependency substitution strategies to minimize JavaScript bundle size.
Designs strict TypeScript type systems for frontend codebases eliminating 'any' usage, implementing discriminated unions, and creating type-safe API contract patterns.
Designs complex RxJS Observable pipelines for Angular services with proper operator selection, error recovery, subscription management, and marble test diagrams.
Implements accessible ARIA patterns for complex interactive widgets including dialogs, menus, comboboxes, data grids, and tree views following APG patterns with keyboard navigation.
Diagnoses and eliminates React rendering performance bottlenecks by analyzing component profiles, identifying unnecessary re-renders, and producing optimized code with measurable performance improvements.
Clone any prompt, customize it with variables, and test across ChatGPT, Claude, and Gemini. Free forever on the starter plan.