Use AnimatedWebs in Amp

Set up AnimatedWebs in Amp

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

1. 1

   Add the server

   Use the command or edit the user settings file. A workspace file, .amp/settings.json, also works but needs approval.

   terminalCopy

   amp mcp add animatedwebs https://mcp.animatedwebs.com

   ~/.config/amp/settings.jsonCopy

   {
     "amp.mcpServers": {
       "animatedwebs": {
         "url": "https://mcp.animatedwebs.com"
       }
     }
   }

2. 2

   Sign in

   For a local config, Amp opens the sign-in page when you start the TUI after you add the URL entry. Approve access with your AnimatedWebs account.

3. 3

   Approve workspace servers

   If you put the entry in .amp/settings.json, run amp mcp approve animatedwebs once. Servers in your user settings need no approval.

4. 4

   Ask for a template

   Start Amp and ask for a design. Amp calls the AnimatedWebs tools.

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

Check that it works

• Run amp mcp doctor. A workspace server that still needs approval is reported as awaiting approval.
• 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 Amp. Each one makes it call real AnimatedWebs tools.

Use animatedwebs to find a template for a pottery studio in Asheville and implement it in this repo.

Search animatedwebs components for a marquee text effect and add the source file.

Use animatedwebs to get the style reference for an Apple-like site and update our design tokens to match.

If something goes wrong in Amp

The workspace server is not running

Workspace servers need approval. Run amp mcp approve animatedwebs.

A stale or revoked token

Run amp mcp oauth logout animatedwebs and restart Amp so it asks you to sign in again.

You are inside an Amp orb

Amp's docs say browser OAuth does not work in orbs. Pass the key through headers using secrets instead.

You want the API key out of the file

Amp's docs show a header that reads an environment variable, written ${NAME}. Set Authorization to Bearer ${ANIMATEDWEBS_KEY} and export that variable before you start Amp.

Questions about Amp and AnimatedWebs