Optimizing ChatGPT-Built Websites with AI Plugins
Lukas Margeriego watch the original →
the gist
A workflow for maintaining and redesigning websites built via ChatGPT by integrating SEO, design, and note-taking plugins to automate content updates and layout iterations.
SEO and Layout Optimization
The author uses the SEMrush plugin to audit existing site content against search competitors. By passing the site URL to the plugin, it generates a table of competing articles and specific content recommendations, such as adding a summary, a results table, and descriptive headings. These suggestions are then fed into MagicPath to generate three distinct page variants for visual comparison and selection before updating the live site.
Media Generation and UI Redesign
To improve visual assets, the author uses the Higgsfield plugin to generate context-aware images. By providing a reference image and a style prompt, the plugin creates consistent imagery that matches the site's aesthetic. For structural redesigns, the author uses the Mobbin plugin to browse competitor UI patterns. After selecting a preferred component layout from the plugin's suggestions, the author instructs the system to implement the chosen design directly into the site.
Live Workflow Integration
Granola serves as a bridge between live meeting notes and site implementation. By connecting Granola to the ChatGPT environment, the author can transcribe live discussions about site feedback. The system parses these notes to identify specific requested changes, such as shortening titles, adding images, or repositioning text blocks, and applies those updates to the site in real-time.