All agents

Lovable + invideo

Lovable builds web apps from a chat in your browser. Connect invideo as a custom MCP server and Lovable can make your app's hero video and social cuts on an invideo timeline, right from the project chat.

MCP ServerWebLovable MCP Docs

Quick start

  1. 1

    Open Connectors

    In Lovable, open Connectors, select Add custom at the top right and choose MCP server

  2. 2

    Add invideo MCP server

    Name it invideo, paste invideo's server URL and keep OAuth as the authentication

    https://mcp.invideo.io/mcp
  3. 3

    Add & authorize

    Lovable opens invideo's sign-in. Approve it with your invideo account

  4. 4

    Make a hero video

    Ask in the project chat. Lovable shows an approval card before invideo's editing tools run

    Using the invideo connector, make a 20-second hero video for this app's landing page

MCP configuration

Connect Lovable to invideoinvideo's remote MCP server over Streamable HTTP. Sign in with OAuth in your browser. No API key needed.

Example prompts

  • “Using the invideo connector, make a hero video for this landing page”

  • “Make a vertical cut of the hero video for social”

  • “Add the tagline as on-screen text in our brand colors”

  • “Write a script from this app's features and make an explainer in invideo”

  • “Swap the second shot for something brighter”

  • “Add background music under the hero video”

  • “Make a 15-second ad for this app with stock footage”

  • “Add an end card with the app's name and URL”

  • “Make a 6-second cut of the hero video for a social ad”

  • “Export the final cut and add it to a share page”

Common workflows

  1. 1Hero video for the page

    • Ask Lovable to use invideo for a hero video
    • Approve invideo's tools when the card appears
    • Lovable builds the cut and sends the editor link
    • Ask for changes in the same chat

  2. 2Social cuts

    • Ask for vertical cuts of the hero video
    • Lovable makes each cut in invideo
    • It reframes each shot for a phone screen
    • Lovable exports them to one share page

  3. 3Swap shots by prompt

    • Open the invideo link and find the shot to change
    • Tell Lovable which shot and what you want instead
    • Lovable generates it and replaces it on the timeline
    • Ask it to export when the cut is right

Tips for success

  • Name the invideo connector in your prompt so Lovable uses it
  • Choose Always allow on the approval card to stop asking for that tool, or allow all of invideo's tools at once
  • The connection is yours alone. Teammates add invideo with their own invideo sign-in

Frequently asked questions

Can Lovable use invideo's MCP server?

Yes. Lovable connects custom remote MCP servers as chat connectors. Add invideo's server (https://mcp.invideo.io/mcp) from Connectors and authorize it with your invideo account.

Which Lovable plans support it?

All of them. Lovable offers custom MCP servers on every plan, though a workspace admin can turn them off.

Can my published app call invideo?

No. Chat connectors work in the project chat and in Chats only. They are not part of the app you publish.

Troubleshooting

Issue:MCP server is greyed out in Connectors

Solution:A workspace admin has turned off custom MCP servers. Ask them to allow members to connect their own MCP servers.

Issue:Lovable doesn't use invideo

Solution:Name the invideo connector in your prompt, and check it is listed in your chat connectors.

Issue:invideo sign-in doesn't finish

Solution:Check the URL is exactly https://mcp.invideo.io/mcp with OAuth selected, then click Add & authorize again.

Ready to make videos with Lovable?

Connect invideo once and ask for your first cut.