React Component Architecture Planner
Plan a clean React component architecture — from component tree and state management to data flow, performance...
AI prompts for React, Next.js, Vue, Tailwind CSS, accessibility audits, design systems, and responsive UI development that passes Core Web Vitals.
20 prompts found
Plan a clean React component architecture — from component tree and state management to data flow, performance...
Generate a complete Next.js feature with App Router — server components, API routes, server actions, data fetc...
Audit any web component or page for WCAG 2.2 AA/AAA compliance — with specific violations, fix priority, code...
Generate a complete design token system — colors, typography, spacing, shadows, breakpoints, and animations —...
Generate production CSS layouts — from complex grid systems and flexbox patterns to container queries, has() s...
Scaffold a complete Vue.js 3 feature using the Composition API — including composables, Pinia store module, Ty...
Design and implement a reusable Tailwind CSS component library with variants, sizes, themes, dark mode, and ac...
Conduct a thorough frontend performance audit targeting Core Web Vitals — with actionable fixes for bundle siz...