AI Features

Fixing Broken AI Components

Troubleshoot and fix issues with AI-generated components

Fixing Broken AI Components

Sometimes AI-generated components might not display correctly. Here's how to troubleshoot and fix them.

Common Issues and Solutions

Component Not Rendering

If a component shows as blank or broken:

  • Click on the component to select it
  • Open the AI chat
  • Type "Fix this component"
  • AI will attempt to regenerate and fix the code
  • Layout Breaking on Different Screens

    If the component looks good on desktop but breaks on mobile:

  • Open AI chat
  • Describe the issue: "This breaks on mobile, fix the responsive layout"
  • Or: "Make this stack vertically on mobile instead of side by side"
  • Colors Not Matching Theme

    If colors seem off:

  • AI might have used hardcoded colors instead of your theme
  • Ask: "Update the colors to use my site's theme colors"
  • Or specify: "Use my primary color for buttons and secondary for accents"
  • Images Not Displaying

    If placeholder images aren't showing:

  • Ask AI: "Fix the broken images"
  • Or replace with your own images through the component settings
  • Text Overflow

    If text is cut off or overflowing:

  • Ask: "Fix the text overflow issue"
  • Or: "Make the container expand to fit the content"
  • Using the Fix Feature

    Automatic Fix

  • Click on the problematic component
  • Look for the "Fix" or wrench icon in the toolbar
  • Click to automatically attempt a fix
  • AI analyzes and repairs common issues
  • Describing the Problem

    The more specific you are, the better:

    • ❌ "It's broken"
    • ✅ "The third column is overlapping the second on tablet view"

    Prevention Tips

    After Generating

  • Test on all device sizes (Desktop, Tablet, Mobile)
  • Check all interactive elements work
  • Verify images load correctly
  • Ensure text is readable
  • Before Saving

    Make sure the component works well before saving to your library, so you don't save broken components.

    When Fixing Doesn't Work

    If repeated fix attempts don't solve the issue:

  • Delete and regenerate with a clearer prompt
  • Start simpler and add complexity gradually
  • Use a pre-built component from the library as a base
  • Contact support for persistent issues
  • Reporting Issues

    Help us improve by reporting persistent issues:

  • Note what prompt you used
  • Describe what went wrong
  • Share in our Discord community
  • Our team continuously improves AI based on feedback
  • Still have questions?

    Our community is here to help you succeed.

    JOIN DISCORD