# Frame0 Diagramming

> Use this tool when you need to programmatically create and manipulate visual elements, such as diagrams, wireframes, or mockups, and integrate them with AI assistants. It solves problems like automated diagram generation and modification, and provides an interface for managing pages and creating customizable shapes with properties like colors, positions, and sizes. The tool is ideal for use cases where AI assistants require generating visual content based on user instructions, with inputs including user commands and outputs being customized diagrams and visual elements.

Canonical page: https://skillsregistry.net/skills/niklauslee-frame0-diagramming  
JSON: https://api.skillsregistry.net/v1/skills/niklauslee-frame0-diagramming

## Description

Frame0 MCP Server provides a bridge between AI assistants and the Frame0 diagramming application, enabling programmatic creation and manipulation of visual elements. Built with TypeScript, it exposes over 20 tools for managing pages and creating various shapes (rectangles, ellipses, text, lines, connectors, icons, images) with customizable properties like colors, positions, and sizes. The server communicates with Frame0's API on localhost, supports command-line configuration of the API port, and includes utilities for filtering shape data and converting colors. It's particularly valuable for AI assistants that need to generate or modify diagrams, wireframes, or visual mockups based on user instructions.

## Trust

- **Trust score (0–1):** 0.65
- **Verification tier:** scanned
- **Last scanned:** 2026-09-02

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** media
- **Updated:** 2026-09-02

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/niklauslee-frame0-diagramming)
- **Repository:** <https://github.com/niklauslee/frame0-mcp-server>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "niklauslee-frame0-diagramming"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/niklauslee-frame0-diagramming` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/niklauslee-frame0-diagramming/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt