CSS Grid Complex Layout Builder
Build advanced CSS Grid layouts including magazine-style grids, dashboard layouts, masonry patterns, and respo...
AI prompts for React, Next.js, Vue, Tailwind CSS, accessibility audits, design systems, and responsive UI development that passes Core Web Vitals.
15 prompts found
Build advanced CSS Grid layouts including magazine-style grids, dashboard layouts, masonry patterns, and respo...
Implement a comprehensive dark mode system with CSS custom properties, smooth transitions, system preference d...
Build reusable Web Components using Custom Elements and Shadow DOM with proper encapsulation, accessibility, a...
Set up a Progressive Web App with service worker, offline support, install prompt, push notifications, and app...
Design and build browser extension UIs including popup, options page, sidebar panel, and content script overla...
Implement comprehensive form validation with real-time feedback, accessible error messages, progressive disclo...
Build responsive HTML email templates that render consistently across Gmail, Outlook, Apple Mail, and mobile c...
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...