Your vibe-coded website works. The homepage loads, the design looks good, and you finally have a link to share.
Then you open it on your phone. The menu does not open. A heading runs off the screen. You submit the contact form and nothing tells you whether the message was sent.
These are easy details to miss when you are focused on getting the first version built.
This guide turns a website launch checklist into 20 things to tell Claude to fix your vibe-coded website. Each item includes a prompt you can copy and a short explanation of what to check.
How to use these Claude prompts
Open your project in a coding environment where Claude can read and edit its files. If you are using a chat without project access, share the relevant code first.
Save a working copy of your website before making changes. Then send one prompt at a time. Ask Claude to explain what it changed and how to check the result.
You can add this instruction to each prompt:
Use the existing design and project structure. Make the smallest useful change, tell me which files you changed, and explain how I can check that it works.
Try the result yourself before moving to the next item. A change that looks correct in code can still behave differently in the browser.
20 things to tell Claude about your vibe-coded website
1. Remove horizontal scrolling
Find what causes unwanted horizontal scrolling on my website. Fix the elements that extend beyond the screen on desktop and mobile. Keep all content visible and preserve intentional scrolling areas, such as wide tables.
Visitors should not have to move the whole page sideways to read it. Check wide images, large headings, and sections with fixed widths. Hiding the problem can also hide content.
2. Find broken links
Check internal links and report any missing pages or incorrect destinations. Check external links where possible. Fix links when the correct destination is clear, and list anything you cannot verify.
A link can open a page and still lead to the wrong place. Check the destination as well as whether it loads.
3. Add a mobile menu
Make the navigation work on small screens. If a mobile menu is missing, add one using the current design. Make it easy to open and close, support keyboard use, and close it after a visitor selects a link.
Open the menu on your phone and visit another page through it. Make sure the menu button stays visible and the links are easy to tap.
4. Add a favicon
Check whether my website has a working favicon. Use an existing brand icon if available, add the required references, and verify that the icon files load correctly. Ask for an asset if there is no suitable one.
The favicon is the small icon in a browser tab. Keep it simple enough to recognise at a small size.
5. Fix page titles
Give every public page a unique, descriptive title. Match each title to the page content, use a relevant search phrase naturally, and include the business name where useful. Remove default titles and repeated titles.
For example, "Kitchen Renovation Services in Pune" explains more than "Services." Only include a location if the business actually serves it.
6. Add meta descriptions
Write a unique meta description for every public page. Use clear English, describe the actual content, and include a relevant keyword naturally. Aim for roughly 150 to 160 characters without forcing the wording.
A useful description helps people understand what a page offers. You can use our Google search snippet preview guide to review how your title and description might look. Search engines can display different text.
7. Fix footer links
Check every footer link, including contact details, social profiles, and any legal pages already included. Repair incorrect destinations. Report missing pages and remove empty links that serve no purpose.
Footers often contain sample links left over from a template. Check them on more than one page if your site uses different footer layouts.
8. Add a custom 404 page
Add a helpful page-not-found screen using my website's design. Include a short explanation and links to the homepage and useful sections. Make sure missing URLs return an actual HTTP 404 status.
Try a made-up address on your site. It should help visitors get back to a useful page instead of showing a blank screen.
9. Fix the copyright year
Check the copyright notice in the footer. Keep the business name accurate and update the ending year automatically using the project's existing technology. Preserve an intentional starting year if one is already used.
This is a small detail, but it is easy to overlook when reusing an older template.
10. Compress images
Find images that are larger than their display size requires. Resize and compress suitable copies, preserve useful detail and transparency, and update references carefully. Report the file sizes before and after the changes.
Open the compressed images before replacing the originals. Pay attention to faces, logos, and small text. Our image compression guide explains how to compare quality and file size.
11. Fix broken buttons
Review buttons and calls to action across the website. Make each one perform the action its label promises. Use links for navigation and buttons for actions. Report any feature that needs a missing service or business decision.
Follow the full journey. A "Book a Call" button needs to lead to a usable booking process, and a form button needs to submit the form.
12. Add success messages
Add clear success messages after actions such as sending a message or saving information. Show confirmation only after the action actually succeeds. Make the message available to screen readers too.
"Your message has been sent" gives visitors a clear answer. Include a response time only when your business can meet it.
13. Add error messages
Add helpful messages for invalid form entries and failed requests. Explain what went wrong and how to try again. Keep the visitor's entered information where possible, and connect field errors to the relevant inputs.
"Please enter a valid email address" is easier to act on than "Invalid input." Test a failed submission as well as a successful one.
14. Remove placeholder text
Find sample names, Lorem ipsum, test contact details, unfinished descriptions, and other placeholder content. Replace them only with verified project information. List missing details for me to provide instead of inventing them.
Read reviews, prices, and service descriptions carefully. A polished layout can make sample information easy to miss.
15. Remove unused navigation
Find navigation items that point to missing pages, empty sections, or features the website does not offer. Remove unused items while keeping useful pages easy to reach. Tell me which items you removed and why.
A short menu with working links is easier to use than a long menu full of unfinished ideas.
16. Fix mobile overflow
Check individual sections for content that spills outside its container on small screens. Fix overflowing cards, forms, headings, long URLs, and images. Keep useful content readable rather than clipping it.
This check goes deeper than sideways page scrolling. A form field can overlap a button even when the page itself fits the screen.
17. Make the logo clickable
Make the main website logo link to the homepage from every page. Give the link an accessible name and a visible keyboard focus style. Keep the current logo design.
Click the logo from an inner page to confirm that it returns you home.
18. Make the phone number clickable
Turn the website's existing contact phone numbers into working tel links. Use the correct international number format in each link and keep the visible numbers readable. Do not invent missing contact details.
Tap the number on a phone and check which number appears in the calling app.
19. Make the email clickable
Make the existing contact email addresses clickable using mailto links. Confirm that each link matches the displayed address. Keep the address visible so visitors can also copy it.
A mailto link uses the visitor's configured email app. A working contact form gives people another way to reach you.
20. Make every page mobile optimized
Review every public page at small phone, large phone, tablet, and desktop widths. Fix unreadable text, cramped spacing, overlapping content, hard-to-tap controls, and unusable forms. Report what you tested and anything still unresolved.
Check your contact page, service pages, blog posts, and booking flow. A mobile-friendly homepage is only part of a mobile-friendly website.
Check the finished website as a visitor
After these fixes, put the prompts aside and use the site yourself. Find a service, follow a footer link, send a test message, and open a page that does not exist.
Ask someone else to try the main task too. Watch where they hesitate. That can reveal a confusing label or missing step that you have stopped noticing.
These Claude prompts cover common website problems. A site with accounts, payments, or private information also needs checks for those features before real customers use them.
For website SEO, keep the focus on useful pages, accurate information, and clear wording. This checklist can help remove technical problems, but keywords and metadata alone cannot guarantee Google rankings.
