Frontend: Convert Figma Design to Accessible React Component
Turn a Figma design into a pixel-accurate, accessible, responsive React + Tailwind component.
AI prompts for React, Next.js, Vue, Tailwind CSS, accessibility audits, design systems, and responsive UI development that passes Core Web Vitals.
20 prompts gevonden
Turn a Figma design into a pixel-accurate, accessible, responsive React + Tailwind component.
Analyse LCP, INP, CLS numbers and produce a prioritised remediation plan.
Step-by-step migration from Create React App or custom Webpack to Vite.
Build a type-safe form with schema validation and accessible error messages.
Systematic audit of unnecessary React re-renders with targeted fixes.
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...