Frameium speaks the Model Context Protocol. Add one URL and your agent collects references, searches your library, curates boards — and builds from an exported design direction instead of its own defaults.
https://frameium.com/api/mcpTwelve tools, four jobs. Every one scoped to your own library — never anyone else's.
Your agent files references for you — links, social posts, bookmark exports, or a live capture of any public page, cut into section crops. Everything lands in your library, auto-categorized. save_links · save_posts · import_bookmarks_html · capture_url
Ask for references by meaning, not filename — “dark pricing sections”, “brutalist heroes” — with semantic search across everything you’ve saved. search_library · list_library
Boards, without opening the app: create them, file saves onto them, and read one back as a reference bundle with a why-saved tally and an aesthetic summary. create_board · add_to_board · list_boards · get_board
The main event: export any board as an Agent Pack — a DESIGN.md brief, a SKILL.md agent contract, and measured design tokens — and your agent builds in any stack from your references, not its defaults. get_direction
OAuth-capable clients sign in through your browser and never touch a key. Everything else takes a personal API key as a bearer header.
Paste https://frameium.com/api/mcp into your MCP client. No keys to copy, no install.
Your agent opens a browser window — sign in with your Frameium account and approve. That’s the whole handshake.
No new commands to learn — tell your agent what you want and it calls the right tool.
Signed in already? Settings → Connect has click-by-click setup for every client — Claude Code, Claude Desktop, Cursor, ChatGPT, Grok, and a generic config — with your endpoint filled in and a key you can create without leaving the page.
# Claude Code — one command, then authenticate with /mcp
claude mcp add --transport http frameium https://frameium.com/api/mcp
# Any MCP client
{
"mcpServers": {
"frameium": { "type": "http", "url": "https://frameium.com/api/mcp" }
}
}Once connected, your agent works your library through natural conversation.
| Tool | What it does |
|---|---|
| save_links | Add one or more URLs to your library. |
| save_posts | Save social posts your agent can see, with their images. |
| import_bookmarks_html | Bulk-import an exported bookmarks file. |
| capture_url | Capture a live page into focused section crops. |
| search_library | Semantic search across your saved library. |
| list_library | List what’s already saved, with filters. |
| list_boards | List your boards with item counts. |
| get_board | One board as a reference bundle with an aesthetic summary. |
| create_board | Create a new empty board. |
| add_to_board | File saved items onto a board. |
| get_direction | Export a board as an Agent Pack your agent builds from. |
| delete_items | Remove items from your library. |
| get_contract | Read a Design Contract — measured values with a confidence on each. |
| check | Grade a build against a contract: located violations with fixes, never a score. |
| port_plan | Quote a Webflow contract for a Framer rebuild — exact, approximate or impossible, per section. |
| checks_bundle | Export the checks plus an offline runner for your agent’s own loop. |
| explain | Ask why an assertion has authority, or why a value was never graded. |
The sign-in flow uses OAuth 2.1 — your agent gets a short-lived token scoped to your account only, and you can revoke a connected agent at any time. API keys (for scripts) are per-user and hashed at rest — we never store the raw value after it’s shown to you once. Revoke either from Settings and access stops immediately.