Take an existing blog page and instantly improve its visual design, user experience, and SEO using a single prompt with an AI model like Anthropic's Opus 4.5 inside the Cursor code editor. This workflow automates the redesign process, delivering a polished result in minutes.
with Claire Vo
Open your existing website's code, specifically the blog page you want to redesign, in an AI-first code editor like Cursor. Giving the AI the full context of your project's file structure and existing code is crucial for a successful redesign.
Within Cursor, select an AI model to perform the task. Based on the experiment in the post, Anthropic's Opus 4.5 is the recommended choice for front-end design due to its superior planning capabilities and context-aware results.
Write a clear, goal-oriented prompt that describes the desired outcome. Avoid overly prescriptive instructions and instead phrase the request as you would to a human designer, focusing on improving visual appeal, user experience, and technical best practices.
Submit your prompt to the AI within the editor. The model will then analyze your code and begin generating the redesigned page.
Redesign the blog page to improve both the visual appeal and user experience. Add best practices for SEO and navigation.Observe the AI's process. A key differentiator for the top-performing model (Opus 4.5) was its ability to first generate a step-by-step to-do list before writing code. This planning phase often leads to more thoughtful and comprehensive results.
Once the code is generated, visually review the changes. Look for a polished UI that incorporates existing brand elements, improved UX features like hover effects or reading time estimates, and graceful handling of edge cases like missing images.
Inspect the generated code to confirm that SEO best practices have been implemented. Check for the addition of JSON-LD structured data, breadcrumbs for navigation, semantic HTML tags, and relevant page metadata.
Make any minor final adjustments to the AI-generated code. Once you are satisfied with the new design, functionality, and technical improvements, deploy the updated page to your live website.
Follow Sahil Lavingia's method for delegating small but impactful maintenance tasks, like fixing an internal Slack report, to the AI agent Devin. This workflow shows how to use simple, clear prompts to fix code and update system prompts without distracting your engineering team.
Learn Gumroad CEO Sahil Lavingia's process for rapidly prototyping a UI with v0, then using the AI agent Devin to autonomously code, implement, and submit the feature for review, turning a multi-day task into a one-hour workflow.
Improve your writing in real-time by using ChatGPT as a first reader. Get instant feedback on structure, clarity, and flow as you write, allowing you to polish your work section by section.
We've made ChatPRD affordable so everyone from engineers to founders to Chief Product Officers can benefit from an AI PM.