glitterball

Add interactive video walkthroughs to your Lovable prototypes

Paste one line into Lovable, publish, and walk your team through the real app

How to add Glitterball to Lovable

  1. Add Glitterball

    Copy the prompt from Glitterball, Create walkthrough, Add a prototype, In an app builder, and paste it into Lovable's chat. It carries the prototype's own token and adds Glitterball with a script tag. Or paste Add Glitterball to this prototype by following https://www.glitterball.dev/install.md.

  2. Record a walkthrough

    Publish the app, then open its published or preview address in its own tab, not inside Lovable's editor. Open the prototype and press Record on the Glitterball bar, then talk and click through it. The first time, that signs you in. Each screen becomes a chapter.

  3. Share the link

    The link is the prototype's own address. Viewers follow your cursor through the real build, stop to click around and comment on the exact screen.

  4. Send the feedback to Lovable

    A workspace admin adds a custom MCP server in Lovable with the address below and OAuth. Then ask Lovable to Pull the Glitterball feedback on this prototype and fix it. It reads the open comments by screen and marks each one resolved.

Questions

What is Glitterball?
Glitterball allows you to overlay interactive video walkthroughs over your real prototype and allows you to request feedback from your team.
How do I add Glitterball to a Lovable app?
Copy the prompt from Create walkthrough, Add a prototype, In an app builder in Glitterball and paste it into Lovable's chat. It carries the prototype's own token and uses a script tag, so it works where packages can't be added.
Can I record inside Lovable's editor?
Record on the published or preview address in its own tab. The editor frames the app, which gets in the way of the camera and the clicks.
Do viewers need an account?
No. Anyone with the link can watch, comment and answer. They add their name or sign in.
How is it different from a screen recording?
A screen recording is a flat video. Glitterball plays over the live build, so viewers can stop, click around themselves and comment on the exact screen.

Other integrations

Glitterball

Walk people through your prototype