Frame0SAFE
Overview
From the repository's own README, as read at the audited commit. Badges and raw HTML are left out.
[](https://smithery.ai/server/@niklauslee/frame0-mcp-server)
[](https://frame0.app/videos/frame0-mcp-example.mp4)
Frame0 is a Balsamiq-alternative wireframe tool for modern apps. Frame0 MCP Server allows you for creating and modifying wireframes in Frame0 by prompting.
Setup
Prerequisite:
- Frame0
v1.7.0or higher. (Ensure that Run on start option is enabled in Settings > API Server). - Node.js
v22or higher.
Setup for Claude Desktop in claude_desktop_config.json as below:
{
"mcpServers": {
"frame0-mcp-server": {
"command": "npx",
"args": ["-y", "frame0-mcp-server"]
}
}
}You can use --api-port= optional parameter to use another port number for Frame0's API server.
Example Prompts
- “Create a login screen for Phone in Frame0”
- “Create a Instagram home screen for Phone in Frame0”
- “Create a Netflix home screen for TV in Frame0”
- “Change the color of the Login button”
- “Remove the Twitter social login”
- “Replace the emojis by icons”
- “Set a link from the google login button to the Google website”
Tools
create_framecreate_rectanglecreate_ellipsecreate_textcreate_linecreate_polygoncreate_connectorcreate_iconcreate_imageupdate_shapeduplicate_shapedelete_shapesearch_iconsmove_shapealign_shapesgroupungroupset_linkexport_shape_as_imageadd_pageupdate_pageduplicate_pagedelete_pageget_current_page_idset_current_page_by_idget_pageget_all_pagesexport_page_as_image
Dev
- Clone this repository.
- Build with
npm run build. - Update
claude_desktop_config.jsonin Claude Deskto
c2675421cdafOBSERVED · 2026-10-07Connect
Built from this server's own package name, version and transport as found in its source — not copied from anyone's documentation, so it cannot drift against a page we do not control.
claude mcp add frame0-mcp-server -- npx -y [email protected]
{
"mcpServers": {
"frame0-mcp-server": {
"command": "npx",
"args": [
"-y",
"[email protected]"
]
}
}
}Exposed tools (28)
11 read · 15 write · 2 destructive. Blast radius: 2 tools can delete or overwrite — an agent that can be talked into calling a tool can be talked into calling this one.
| Tool | Risk | Description |
|---|---|---|
add_page | write | Add a new page in Frame0. The added page becomes the current page. |
align_shapes | read | Align shapes in Frame0. |
create_connector | write | Create a connector shape in Frame0. |
create_ellipse | write | Create an ellipse shape in Frame0. |
create_frame | write | Create a frame shape in Frame0. Must add a new page before you create a new frame. |
create_icon | write | Create an icon shape in Frame0. |
create_image | write | Create an image shape in Frame0. |
create_line | write | Create a line shape in Frame0. |
create_polygon | write | Create a polygon or polyline shape in Frame0. |
create_rectangle | write | Create a rectangle shape in Frame0. |
create_text | write | Create a text shape in Frame0. |
delete_page | destructive | Delete a page in Frame0. |
delete_shape | destructive | Delete a shape in Frame0. |
duplicate_page | read | Duplicate a page in Frame0. |
duplicate_shape | read | Duplicate a shape in Frame0. |
export_page_as_image | read | Export page as image in Frame0. |
export_shape_as_image | read | Export shape as image in Frame0. |
get_all_pages | read | Get all pages data in Frame0. |
get_current_page_id | read | Get ID of the current page in Frame0. |
get_page | read | Get page data in Frame0. |
group | read | Group shapes in Frame0. |
move_shape | write | Move a shape in Frame0. |
search_icons | read | Search icon shapes available in Frame0. |
set_current_page_by_id | write | Set current page by ID in Frame0. |
set_link | write | Set a link from a shape to a URL or a page in Frame0. |
ungroup | read | Ungroup a group in Frame0. |
update_page | write | Update a page in Frame0. |
update_shape | write | Update properties of a shape in Frame0. |
Trust audit
SAFEgrade B · trust 89/100 Nothing in the source contradicts what it says it does. Grade A is reserved for packages that have also passed the behavioural sandbox.
| Layer | What it checks | Result |
|---|---|---|
| L0 | Provenance & inventory | PASS |
| L1 | Static analysis of the code | PASS |
| L2 | Instruction surface (what it tells the agent) | PASS |
| L3 | Class-specific surface | WARN |
| L4 | Behavioural (sandbox) | SKIPPED |
What the source does
- Filesystem
- declared (1 observation(s))
- Network
- declared (4 observation(s))
- Shell
- none-observed
- Dependencies
- not all pinned
- Secrets in source
- none-found
Findings (2)
delete_page, delete_shape
@modelcontextprotocol/sdk, node-fetch, zod, @types/node, prettier, tsx, typescript
Gates applied: no_behavioural_pass.
c2675421cdaffull audit observations/trust-audit/mcp-server/niklauslee__frame0.json · Report an issue / request a re-scanAudit history
Every audit this server has had. A grade with a past is a grade somebody is still checking.
| Date | Source | Verdict | Grade | Score | Change |
|---|---|---|---|---|---|
| 2026-10-07 | c2675421cdaf | SAFE | B | 89 | first audit |
Questions
What tools does Frame0 expose?
28 in total: 11 read-only, 15 that write, and 2 that can delete or overwrite (delete_page, delete_shape). Every one is listed on this page with its risk.
Is Frame0 safe to connect to an agent?
The audit found nothing in the source that contradicts what it says it does, and graded it B (89/100). Grade A is held back for packages that have also passed a sandboxed behavioural run, which is why a clean server reads B. Separately from the audit: 2 of its tools can destroy data, so scope the token you give it to what you actually need.
What credentials does Frame0 need?
No credential environment variables were found in its source, so it appears to need none.
How does Frame0 run?
It speaks stdio, so it runs as a local process your client starts. It is published on npm as frame0-mcp-server at 0.12.0.
How current is this page?
The grade is for one exact copy of the source (c2675421cdaf), read on 2026-10-07. The repository is watched and re-audited when it changes.