lovable-setup

Debug Lovable preview and build failures by analyzing Vite configurations and dependency states.

Updated Dec 19, 2025
One-click install
npx skills add https://github.com/Spectaculous-Code/raamattu-nyt --skill lovable-setup
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lovable-setup
Source: https://github.com/Spectaculous-Code/raamattu-nyt/tree/main/.claude/skills/lovable-setup
Command: npx skills add https://github.com/Spectaculous-Code/raamattu-nyt --skill lovable-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill resolves common and complex issues preventing the Lovable preview or build from working correctly, such as white screens, module import errors, and configuration failures.

Core Features & Use Cases

  • Diagnose & Fix: Identifies root causes for Lovable build/preview failures.
  • Dependency Resolution: Solves issues related to missing dependencies, lock file mismatches, and Vite pre-bundling timeouts (504 errors).
  • Configuration Triage: Addresses problems with PostCSS, Tailwind CSS, and monorepo package resolution.
  • Use Case: When your Lovable preview shows a blank white screen and the browser console reports "Failed to fetch dynamically imported module," this Skill provides the exact steps to fix the AppEntry.tsx export pattern.

Quick Start

Use the lovable-setup skill to fix a white screen error in the Lovable preview.

Frequently Asked Questions about lovable-setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix a white screen error in my Lovable preview caused by a failed dynamic import?

To fix a Lovable preview white screen caused by a failed dynamic import, you must correct the export pattern in your AppEntry.tsx file. Analyzing your Vite configuration ensures the module loads properly during the build process.

Why does my Lovable build fail with a 504 Gateway Timeout during Vite dependency pre-bundling?

A Lovable build fails with a 504 Gateway Timeout when Vite pre-bundling exceeds its time limit. Resolving this requires analyzing your dependency states and adjusting package.json configurations to optimize the build process.

How do I resolve PostCSS and Tailwind CSS configuration failures during a Lovable build?

Resolving PostCSS and Tailwind CSS configuration failures during a Lovable build involves triaging your Vite configuration files. Identifying missing dependencies or lock file mismatches restores proper CSS processing.

What is the best way to fix monorepo workspace package resolution errors in a Vite project?

The best way to fix monorepo workspace package resolution errors in a Vite project is to analyze your workspace configuration and dependency states. Correcting lock file mismatches ensures proper package resolution across the monorepo.

Can I use this Skill to debug missing dependencies and lock file mismatches in my Lovable project?

Yes, you can use this Skill to debug missing dependencies and lock file mismatches in your Lovable project. It analyzes your package.json and dependency states to identify root causes and resolve build failures.