Integration
Lovable builds the app. Windcraft keeps its UI coherent.
Lovable is fast at turning an idea into a running full-stack app. As you keep prompting features, the look quietly fragments. Windcraft aligns the generated code to your tokens once it is in your repo, so feature ten matches feature one.
Why a growing Lovable app drifts
Lovable builds in its own environment, prompt by prompt. Each new feature is generated without memory of the exact spacing scale or color ramp the last one used, so a dashboard, a settings page, and an onboarding flow end up subtly mismatched. The app works end to end; the design just stops agreeing with itself as the surface area grows.
How Windcraft aligns Lovable output
Lovable does not run a local MCP server, so there is no integration to fake. Instead, once you export or sync the project into your repo, Windcraft’s CLI checks the generated UI against your tokens and contracts and flags drift, while token sync keeps a single source of truth.
- Bring your Lovable project into your repo (export or connected Git).
- Run npx windcraft check to find off-system colors, radii, and spacing.
- Run npx windcraft check --fix to align the safe violations to your tokens.
- Run npx windcraft sync to regenerate tailwind.config.ts and tokens.css from one source.
Check a Lovable project against your design system
# with the Lovable project in your repo
npx windcraft check
npx windcraft syncFAQ
- Is there a Windcraft plugin for Lovable?
- No, and we will not claim one. Lovable generates in its own cloud and does not expose a local MCP server. Windcraft operates on the code in your repo, aligning it to your design system after the fact.
- Will it fight Lovable’s own styling?
- No. Windcraft does not impose a look; it enforces the one you defined. It maps generated styles onto your tokens and flags what falls outside them, so Lovable’s output stays yours.
- Does my code go to Windcraft’s servers?
- No. The analyzer runs locally on your machine. Only metadata — tokens, contracts, and the list of violations — is synced to the cloud.