Back to Resources
    Workshop Resource

    Vibe Coding Troubleshooting Guide

    Common issues and how to fix them when building your portfolio site with Claude and Lovable.

    Claude Issues

    Lovable Development Issues

    Design & Layout Problems

    Form & Functionality Issues

    Deployment & Publishing

    General Best Practices

    Work Incrementally

    Build one section at a time. Test after each change.

    Test Frequently

    Check mobile after every major change. Test forms immediately.

    Be Specific in Prompts

    Provide exact colors, sizes, spacing. Reference examples.

    Save Your Work

    Lovable auto-saves, but verify. Keep important prompts in a doc.

    Ask for Help Early

    Don't struggle alone for hours. Reach out!

    Quick Diagnostic Questions

    For Design Issues:

    • ?Is this a mobile or desktop problem (or both)?
    • ?Does it happen in all browsers?
    • ?What specifically looks wrong?

    For Functionality Issues:

    • ?What did you expect to happen?
    • ?What actually happened?
    • ?Are there any error messages?
    • ?Does it work sometimes or never?

    Emergency Fixes

    Site is Completely Broken

    1. Don't panic
    2. Revert to last working version
    3. Rebuild the problematic section from scratch
    4. Ask Lovable: "Please fix all errors and make the site functional again"

    Deadline Approaching, Site Not Perfect

    1. Focus on core functionality first
    2. Get homepage, about, and contact working perfectly
    3. Simplify complex sections
    4. Ship something good rather than nothing perfect

    Template for Asking for Help

    Use this template to get faster help:

    Help Request Template
    WHAT I'M TRYING TO DO:
    [Describe your goal]
    
    WHAT'S HAPPENING:
    [Describe the problem]
    
    WHAT I'VE TRIED:
    [List troubleshooting steps already attempted]
    
    ERROR MESSAGES (if any):
    [Paste any errors]
    
    SCREENSHOTS:
    [Attach if relevant]
    
    LINK TO SITE:
    [Lovable preview URL or live site]

    Remember

    • • Most issues have simple fixes
    • • You're not the first person with this problem
    • • It's part of the learning process
    • • The best developers Google things constantly
    • • Ask questions - that's what we're here for!

    Created by: MXP Studio | Facing Disruption

    Ready to explore more resources?