Redesign website
Website: Mattstutorials.com.au
Overall Re-Designing Websites
https://www.youtube.com/watch?v=PYXewmzhunU
Get the Design.md for exiting website
Designmd.me Give it the existing website url and it will give you design.md
Give Design.md in Google Stitch and also provide your existing website and ask to redesign
Generate screens and designs
Download as zip and provide to antigravity
Open the downloaded exported zip and expanded folder in antigravity
Antigravity Redesign Prompt
In this folder you will find designs of different pages all in a different subfolders. The end goal is to create a fully working website with GSAP animations from all these designs. Here is how to do it:
Configure next.config.js for output: 'export'. This ensures the build is hosting-agnostic (Static Site Generation).
Tech Stack: Next.js (latest), Tailwind CSS, TypeScript.
Context: Root contains design.md. Page subfolders contain .html and .png exports from Google Stitch.
Phase A (Extraction): Scan all folders to identify recurring UI patterns (buttons, nav, cards) and create shared components in /components.
Phase B (Conversion): Convert the .html and .png per folder into responsive React pages. Use the .png as the 'Visual Source of Truth' for styling.
For easy upload, make sure to put the entire export of all needed files to a hosting company in a new folder called "export".