# Redesign a website with AI

> Redesign your website with AI from its link: find what looks generic, get a fix prompt, pick a look as a DESIGN.md, then rebuild in Lovable, v0 or Cursor.

Canonical page: https://sitepeel.dev/guides/redesign-website-with-ai/

To redesign a website with AI, start from its link. Run Sitepeel’s free AI slop checker to see what looks generic and copy its fix prompt. Add a DESIGN.md with the look you want. Paste both into Lovable, v0, Bolt, Cursor or Claude Code, rebuild one page, compare it with the old one, then do the rest.

Published: 2026-10-28

Tool used in this guide: [Website prompt generator](https://sitepeel.dev/free-tools/clone-prompt/index.md)

Free website tool for this task: [AI slop checker](https://sitepeel.dev/free-tools/ai-slop-checker/index.md) (https://sitepeel.dev/free-tools/ai-slop-checker/)

## In short

- Start from your live site, so the AI keeps your pages and words
- The AI slop checker finds what looks generic and writes the fix prompt
- A DESIGN.md gives the new look exact colors, fonts and spacing
- Rebuild one page first, compare, then do the rest

## How to use it

1. **Score the current site** Paste your link into the free AI slop checker to see what looks generic and where.
2. **Copy the fix prompt** From a score of 40, press Get the fix prompt. It lists every fix with where it was found.
3. **Choose the new look** Make a DESIGN.md from your brand’s own site or a reference, then change its colors and fonts to yours.
4. **Rebuild one page** Give the prompt and DESIGN.md to your AI tool. Ask for the main landing page only.
5. **Compare and check again** Put old and new side by side on a phone and a laptop, then run the checker again.

## Can AI redesign an existing website?

Yes. App builders and coding agents can rebuild a page from a prompt. What they can’t do is guess what to keep, what is wrong and what the new look should be. Give them those three things and the result looks like your site, improved.

What to give the AI tool

| It needs | Where to get it |
| --- | --- |
| What to keep: pages, words, forms | Your live site or its code |
| What is wrong with the current look | The AI slop checker’s fix prompt |
| The new look, as exact values | A DESIGN.md |
| A layout to follow, if you want one | Clone prompt, run on a reference page |

## Which AI tool is best for website redesign?

Pick by where your site lives. If you have its code, use a coding agent that edits it in place, so routes and content stay put. If it lives in a builder or you want a fresh start, use an app builder.

AI tools for a redesign

| Tool | Best when |
| --- | --- |
| Cursor, Claude Code, Codex | You have the site’s code and want to change it in place |
| Lovable, Bolt | You want a new full site from a prompt, hosted for you |
| v0 | You want React components to bring into a Next.js project |

## Find what looks generic first

Paste your link into the free AI slop checker. It scores the page from 0 to 100, marks each tell where it appears and, from 40, writes a fix prompt that keeps your colors and copy. A page under 40 doesn’t need fixing; it may only need the new look.

![The AI slop checker’s fix prompt, fix-ai-look.md, keeps the site’s brand colors and copy and lists each fix in order, starting with the Made in Bolt badge.](https://sitepeel.dev/images/guides/shots/ai-slop-checker-fix-prompt.webp)

The fix prompt: what to keep, then every fix with where it was found, ready to paste.

## Borrow a look the right way

The DESIGN.md generator turns any public page into exact fonts, colors, spacing and button styles. Use your own brand’s page to keep it consistent, or a site you admire as a starting point, then swap in your brand color and font.

Watch out: Learn from a layout, but never reuse another site’s logo, images or text.

- [DESIGN.md generator: a look as exact values](https://sitepeel.dev/design-md/index.md)
- [Browse 168 DESIGN.md files from real sites](https://sitepeel.dev/design-md/examples/)
- [Clone prompt: rebuild a page layout you like](https://sitepeel.dev/free-tools/clone-prompt/index.md)

## A redesign prompt that keeps what works

Attach DESIGN.md and the fix prompt, then paste this and fill in the brackets.

Example: redesign-prompt.md

```
Redesign [your site link], one page at a time.

Keep: every page, address, heading, form, link and line of copy.
Fix: everything listed in the attached fix prompt.
Look: follow DESIGN.md for colors, fonts, spacing, corners and buttons.

Start with the main landing page only.
Show me the result before you change anything else.
```

## Check the redesign before you ship

- Look at every page on a phone, a tablet and a laptop
- Run the AI slop checker on the new page
- Keep page addresses and titles, and redirect any that change
- Check text contrast and keyboard focus on buttons and links

- [Responsive checker: every screen size at once](https://sitepeel.dev/free-tools/responsive-checker/index.md)

## Questions and answers

### Can AI redesign an existing website?

Yes. Give an AI app builder or coding agent your live site, a list of what to fix and the new look as a DESIGN.md. Rebuild one page first and compare it with the old one before doing the rest.

### Which AI tool is best for website redesign?

If you have the site’s code, a coding agent such as Cursor, Claude Code or Codex keeps your routes and content. For a fresh site, Lovable or Bolt builds and hosts one from a prompt.

### Can ChatGPT design a website?

It can plan a layout and write the HTML and CSS for a page, but it can’t see your live site unless you describe it. Give it a Clone prompt or a DESIGN.md so it works from measured values.

### Will an AI redesign hurt my SEO?

Not if you keep your page addresses, titles and content, and redirect any address that changes. Check the new pages load fast and work on phones.

## Further reading

- [Google Search Central: site moves with URL changes](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes)
- [Google Labs: the DESIGN.md format](https://github.com/google-labs-code/design.md)

## Related pages

- [Is this website vibe coded?](https://sitepeel.dev/guides/vibe-coded-website/index.md): What a vibe coded website is, the clues that give one away, from builder badges to the same card grid, and how to check any site for free from its link.
- [Fix a generic AI website](https://sitepeel.dev/guides/fix-generic-ai-website-design/index.md): Why AI-made websites look generic, and how to fix yours: one real user task, your real copy, references with a clear job and design rules you can check.
- [DESIGN.md with v0, Lovable, Bolt, Replit](https://sitepeel.dev/guides/design-md-app-builders/index.md): Where v0, Lovable, Bolt and Replit keep project instructions, how to add DESIGN.md to each, and a short prompt you can paste into any of them.
- [Claude design skill](https://sitepeel.dev/guides/claude-design-skill/index.md): Install Anthropic’s frontend-design skill in Claude Code, see why it still makes generic UI, and give it a measured DESIGN.md so it builds your real look.