AI-Powered UI Responsiveness Boost

My existing website functions well, yet the visual layer feels dated and the layout does not adapt as smoothly as it should on tablets and smaller screens. I want to refresh the user-interface design and simultaneously sharpen responsiveness, relying on modern design-automation tools rather than a purely manual redesign.

Here is what I have in mind:

• Run the current pages through an AI design assistant—Figma plugins, Uizard, Galileo AI, or a similar automation platform—to generate polished, consistent component suggestions.
• Translate the approved AI-generated concepts into production-ready HTML, CSS (Tailwind or plain), and lightweight JavaScript that keeps the DOM lean.
• Ensure every breakpoint, from mobile to desktop, snaps cleanly with fluid grids, flexible typography, and touch-friendly controls.
• Leave performance analytics intact so Lighthouse and WebPageTest scores don’t dip once the new UI is in place.

Acceptance criteria
1. Screens: homepage plus three inner templates delivered as Figma frames and live code.
2. Render time at 400 ms or less on a throttled 3G network (Chrome DevTools).
3. No layout shift >0.1 CLS.
4. Code passes W3C validation and integrates with my existing Git repo without conflicts.

All images, font choices, and colour tokens produced by the AI tool must be cleared for commercial use; please export licences or attribution notes along with the assets.

Once the new components are merged, I will handle final content entry, so the focus stays on crafting the responsive shell and handing over clear build instructions.