Use AnimatedWebs in OpenCode

Set up AnimatedWebs in OpenCode

Server address: https://mcp.animatedwebs.com

1. 1

   Edit opencode.json

   Add the animatedwebs entry under mcp, in your global config or in the project's opencode.json.

   opencode.jsonCopy

   {
     "$schema": "https://opencode.ai/config.json",
     "mcp": {
       "animatedwebs": {
         "type": "remote",
         "url": "https://mcp.animatedwebs.com",
         "enabled": true
       }
     }
   }

   terminalCopy

   opencode mcp auth animatedwebs

2. 2

   Authenticate

   When the server answers 401, OpenCode starts OAuth on its own and uses Dynamic Client Registration. opencode mcp auth animatedwebs starts it by hand and opens your browser.

3. 3

   Check the status

   Run opencode mcp list to see each server and its auth status.

4. 4

   Ask for a template

   Start OpenCode and name the server in your prompt. Tools are registered with the server name as a prefix.

Headless or CI? Use an API key from your dashboard instead of the browser sign-in.

Check that it works

• Run opencode mcp list. It lists each server and its auth status, so animatedwebs should not show as unauthenticated. opencode mcp debug animatedwebs checks connectivity and the OAuth discovery flow.
• Ask it to run the get_account tool from the animatedwebs server. A reply with your plan and today's usage means the connection and your sign-in both work.

Three requests to try

Paste one into OpenCode. Each one makes it call real AnimatedWebs tools.

Use animatedwebs to find a template for an electrician in Atlanta and build it in this repo.

Use animatedwebs to search backgrounds for a hero video for a marina and add the clip with a poster.

With animatedwebs, get the style reference for a Notion-like site and generate CSS variables from it.

If something goes wrong in OpenCode

Authentication fails

Run opencode mcp debug animatedwebs to check connectivity and the OAuth discovery steps.

OAuth gets in the way of an API key

Set "oauth": false and pass the key through headers, as the API key snippet in the dashboard does.

The server times out while connecting

timeout defaults to 30000 ms (30 seconds) when OpenCode connects and fetches the tool list. Raise it on the server entry if your network is slow.

Too much context used by tools

MCP tools use context. Disable the ones you do not need with a glob under tools, for example "animatedwebs*": false, and re-enable them for one agent.

Questions about OpenCode and AnimatedWebs