Skip to content

LearnTutorials

Build a custom Chrome extension with Manus

Build a custom Chrome extension with Manus by describing it in plain words, then load, test and refine it in Chrome in about 20 minutes, with no coding.

By Recaply EditorsIntermediate20 min5 stepsUpdated

A hand holding a small wrench fits a puzzle piece into a gap in a blank sheet of paper

What you need

Manus says extensions made this way are for your own use for now. It also says very complex extensions may still need a developer.

  1. Step 1: Describe the extension

    4 min

    A specific description gets you a first version close to what you want.

    1. Go to manus.im/app and sign in.
    2. In the mode menu at the top, pick Manus 2.0 on Pro, or Manus 2.0 Lite on Free.
    3. Paste the prompt below and fill in the brackets: what it does, where results show and which sites it runs on.
    4. Send the message.
    Your prompt
    Build a Chrome extension (Manifest V3) that [WHAT IT DOES, E.G. "finds every email address on the current page"].
    
    Show the results in a [POPUP / SIDE PANEL] with [CONTROLS, E.G. "a sort button and a Copy all button"].
    Run it on [ALL SITES / ONE SITE, E.G. EXAMPLE.COM], only when I click the extension icon.
    Use the fewest permissions possible, such as activeTab.
    Style: [MINIMAL / MODERN].
    
    Test it, then put every file in one .zip and attach it, with short steps to install it in Chrome.

    You should see Manus planning the build and creating files such as manifest.json.

    Manus starts building a website instead?

    Send: "This is a Chrome extension, not a website. Rebuild it as a Manifest V3 extension."

    The activeTab permission only lets the extension read the tab you're on after you click it. Chrome shows no install warning for it.

  2. Step 2: Get the extension files

    6 min

    Manus writes and checks the code in its own cloud computer, so you only handle the finished files.

    1. Wait for Manus to finish. It writes the manifest, the scripts and the popup or panel files.
    2. Read its install notes, then download the .zip from its last reply.
    3. Unzip it into a folder you'll keep, such as one called extensions in your Documents folder.

    You should see a folder with a manifest.json file in it, next to the extension's other files.

    There's no .zip in the reply?

    Ask: "Put every file of the extension into one .zip and attach it here."

    In Manus Studio, the desktop app, you can turn on Work locally and pick a folder. Manus then works with the files on your computer.

  3. Step 3: Load it in Chrome

    3 min

    Developer mode lets Chrome run an extension straight from a folder on your computer.

    1. Open a new tab and go to chrome://extensions.
    2. Turn on the Developer mode toggle.
    3. Click Load unpacked and select the folder that holds manifest.json.
    4. Click the Extensions puzzle button in the toolbar and pin your extension.

    You should see your extension's card on the Extensions page, and its icon in the toolbar.

    Chrome says the manifest file is missing?

    You picked the wrong folder. Unzipping often adds an outer folder, so select the inner one that holds manifest.json.

    An unpacked extension can read the pages it runs on. Load only code you asked for, and remove it from this page when you're done with it.

  4. Step 4: Test it on a real page

    3 min

    A quick test on a live page shows what works before you ask for changes.

    1. Open a page the extension should work on, such as a contact page for an email finder.
    2. Click the extension's icon in the toolbar.
    3. If nothing happens, go back to chrome://extensions and click Errors on its card.

    You should see the popup or side panel showing results from the page you're on.

    The popup is empty or shows an error?

    Copy the text under Errors and paste it into the same Manus task. Ask Manus to fix it and attach a new .zip.

  5. Step 5: Refine it and reload

    4 min

    Small changes, one at a time, are easier for Manus to get right and for you to test.

    1. In the same Manus task, ask for one change, such as "Widen the popup" or "Add a button that copies everything."
    2. Download the new .zip and replace the files in your extension folder.
    3. On chrome://extensions, click the refresh icon on your extension's card.
    4. Reload the web page, then test the change.

    You should see the change working, with no new errors on the extension's card.

    The change doesn't show up?

    Check that you replaced the files in the same folder Chrome loaded. Then click the refresh icon again and reload the page.

    Chrome's docs say changes to the manifest or service worker need the refresh icon. Changes to scripts that run on pages also need a page reload.

You get

A working Chrome extension built from your own description, loaded from a folder and ready to refine

Did this guide work for you?

Sources