Back/Marketing/Claude/Cursor
IntermediateMarketingClaudeCursor

How to Redesign a Marketing Website Using Claude Opus 4.6 for Creative Development

Leverage Claude Opus 4.6 within Cursor to perform a complete, creative redesign of a marketing website, from initial high-level concepts to a polished, on-brand final product.

From How I AI

How I AI: GPT-5.3 Codex vs. Claude Opus 4.6—Shipping 44 PRs in 5 Days

with Claire Vo

An AI assistant helps a developer refine marketing site content and structure, displaying the conversation alongside the relevant TypeScript code and project files in a multi-panel development environment.

Tools Used

Claude

Anthropic AI assistant

Cursor

AI-first code editor

02Step-by-Step Guide
1

Set Up Your Creative Environment

Open your website's codebase in an AI-native IDE like Cursor. Select Claude Opus 4.6 as your primary model to leverage its strengths in creative planning and execution for a design-oriented task.

2

Provide a High-Level Creative Brief

Start with a broad, goal-oriented prompt that gives the AI creative freedom. Avoid overly prescriptive instructions to see how the model interprets the task.

Prompt:
Optimize the marketing site and this repo for PLG plus enterprise. You can create new pages, redesign templates, et cetera, to make it the highest quality marketing site I could have.
3

Evaluate the Initial Design

Review the first version generated by the AI. It might be functional but generic, what the author called "Tailwind Indigo AI slop". This is a critical step for creative refinement.

4

Provide Aspirational and Corrective Feedback

If the initial design is lackluster, provide strong, descriptive, and aspirational feedback. Don't be afraid to be direct to push the model towards a more unique and sophisticated visual style.

Prompt:
I want it to look like I spent a million dollars on my design with the best agencies out here... I want you to develop a unique and modern frontend visual style. This is Tailwind Indigo AI slop.
Pro Tip: High-level, emotional, and aspirational feedback can often produce better creative results than overly technical, line-by-line corrections.
5

Expand the New Style Across the Site

Once you're happy with the redesigned key page (e.g., the homepage), instruct the AI to apply the new design system, components, and visual style consistently across the rest of your site, such as the pricing and features pages.

Start shipping
better products.

Join 100,000+ product managers who use ChatPRD to write better docs, align teams faster, and build products users love.

Free to start
No credit card
SOC 2 certified
Enterprise ready