🎨 Use the Mockup Portal in Claude

This is a Model Context Protocol (MCP) connector. Add it once in Claude and then ask Claude to "share this artifact to the mockup portal."

Connector URL

https://mockups.amt.center/mcp

Add it to Claude

1. Open Claude → Settings → Connectors.
2. Click Add custom connector.
3. Paste the URL above and confirm.
4. Click Connect and sign in with Google when prompted.

What you can ask it to do

• share_mockup: publish an HTML file or ZIP and get the link; private unless you ask for public. With the code of one of your mockups it adds a new version: the link stays the same and shows the new version.
• prepare_mockup_upload: for a large mockup (screenshots, anything over about 100 KB) Claude gets a one-time upload URL, uploads the file to it, then shares it with share_mockup. The file never has to fit in the conversation.
• list_mockups: your mockups with their links, newest version number and whether each is private or public.
• set_mockup_visibility: make one of your mockups public or private again. Public mockups must not hold personal data.
• list_versions: the versions of one of your mockups, each with its own permanent link.
• delete_version: delete one version; deleting the only version deletes the mockup.

Only Google accounts on the portal's allow-list can connect. Shared mockups appear under your account at the portal home page.