Add internationalisation to my [framework] app for [languages]. Show the library setup, translation file structure, how to handle plurals, dates and currencies, language switching, SEO for localised pages, and right-to-left support if needed.
Results for “frontend”
8 prompts
My [framework] app has these needs: [describe shared state, server data, forms]. Recommend a state management approach (e.g. built-in state, Context, Zustand, Redux Toolkit, React Query), explain why, and show the setup with one example feature.
State management setup
Chooses and sets up state management for a frontend app.
Review and rewrite this page's HTML for SEO and accessibility: semantic elements, heading order, meta title and description, Open Graph tags, canonical link, structured data for [type], and image alt text. HTML: [paste HTML]
SEO-friendly HTML structure
Semantic HTML and meta tags that help search engines.
Build validation for a [form type] form in [framework or vanilla JS]. Validate [fields] on blur and submit, show inline accessible error messages, disable submit while sending, and handle server-side errors gracefully.
Form validation on the frontend
Accessible form validation with helpful error messages.
Implement [infinite scroll / cursor pagination] for a list of [items] in [framework] calling [API]. Handle loading and error states, avoid duplicate requests, preserve scroll position, and include the backend query for cursor pagination.
Build a file upload feature in [stack]. Show a progress bar, validate file type and size on client and server, store files in [storage], generate safe file names, and return a URL. Explain security considerations.
File upload with progress
Secure file uploads with progress bars and validation.
Add a dark mode toggle to my site built with [stack]. Use CSS variables, respect prefers-color-scheme by default, remember the user's choice, avoid a flash of the wrong theme on load, and keep it accessible.
My web page has these performance metrics and details: [Lighthouse results / stack / page description]. Identify the biggest causes of slow loading and poor Core Web Vitals, and give prioritised fixes with code examples (images, fonts, JS bundles, caching, rendering).
Web app performance audit
Finds and fixes slow page loads and poor Core Web Vitals.