# Mind Map Editor

- Human page: https://happytails.ai/en/design-tools/mind-map-editor/
- Markdown: https://happytails.ai/en/design-tools/mind-map-editor.md
- Structured JSON: https://happytails.ai/agents/en/design-tools/mind-map-editor/index.json
- Visibility: public

## Tool capabilities

| Property | Value |
| --- | --- |
| Tool ID | `mind-map-editor` |
| Category | design-tools |
| Implementation | Registered implementation. Registration alone is not a production-quality guarantee. |
| Browser execution | Use the visible action or interactive controls. |
| Browser processing | Browser; see tool notes for network behavior. |
| HTTP API | Not callable through HTTP. |
| Browser-agent interface | run_current_tool |

### Implementation notes

The map layout and outline exports are computed on your device from at most 500 topics and 50000 characters.

### Inputs and settings

Text input: Outline.

Example or placeholder shown in the interface (not a validated fixture):

```text
Product launch
- Goals
  - Reach 1000 users
```

Start with the central topic, then indent or bullet each subtopic beneath its parent. Up to 50,000 characters. Review the settings before running.

| Setting | Meaning | Control type | Default | Constraints |
| --- | --- | --- | --- | --- |
| `side` | Branch layout | select | "balanced" | Allowed: balanced, right |
| `fontSize` | Font size in pixels | number | 16 | min=10 max=32 step=1 |
| `background` | Background | color | "#ffffff" |  |
| `nodeColor` | Topic fill | color | "#eef2ff" |  |
| `textColor` | Text | color | "#111827" |  |
| `lineColor` | Lines | color | "#6366f1" |  |

### Browser-agent workflow

1. Open the human page in a browser that supports WebMCP.
2. Discover the interface exposed by that page; use its actual schema.
3. Select files on the page first when the tool requires files.
4. Call `run_current_tool` with valid input and settings.
5. Inspect the returned result or error and the displayed output. Retrieve files from the displayed download links.

Calls do not automatically copy or download results. Browser permissions still apply. Interface availability alone is not proof of successful execution.

### Planning specification

Up to 50000 characters, 500 topics, 12 levels and 200 characters per topic. Everything is computed on your device. Downloads are an SVG map, a Markdown outline, an OPML outline and a JSON report.

This describes intended requirements. Use the implementation notes, interface schema and observed output to determine current support.

### Complete machine-readable capability record

```json
{
  "id": "mind-map-editor",
  "category": "design-tools",
  "built": true,
  "requirements": "Up to 50000 characters, 500 topics, 12 levels and 200 characters per topic. Everything is computed on your device. Downloads are an SVG map, a Markdown outline, an OPML outline and a JSON report.",
  "implementation": {
    "fields": [
      {
        "key": "side",
        "label": "Branch layout",
        "value": "balanced",
        "type": "select",
        "values": [
          "balanced",
          "right"
        ]
      },
      {
        "key": "fontSize",
        "label": "Font size in pixels",
        "value": 16,
        "type": "number",
        "min": 10,
        "max": 32,
        "step": 1
      },
      {
        "key": "background",
        "label": "Background",
        "value": "#ffffff",
        "type": "color"
      },
      {
        "key": "nodeColor",
        "label": "Topic fill",
        "value": "#eef2ff",
        "type": "color"
      },
      {
        "key": "textColor",
        "label": "Text",
        "value": "#111827",
        "type": "color"
      },
      {
        "key": "lineColor",
        "label": "Lines",
        "value": "#6366f1",
        "type": "color"
      }
    ],
    "registrationFamily": "scene-composer-reference",
    "inputMaxLength": 50000,
    "inputErrorCode": "SCENE_COMPOSER_REFERENCE_OUTLINE_TOO_LONG",
    "note": "The map layout and outline exports are computed on your device from at most 500 topics and 50000 characters.",
    "experience": {
      "automatic": false,
      "single": false,
      "inputMaxLength": 50000,
      "inputMode": "text",
      "label": "Outline",
      "placeholder": "Product launch\n- Goals\n  - Reach 1000 users",
      "help": "Start with the central topic, then indent or bullet each subtopic beneath its parent. Up to 50,000 characters. Review the settings before running.",
      "action": null
    },
    "mode": "explicit",
    "interactive": false
  },
  "execution": "Browser interface",
  "api": null,
  "browser_agent": {
    "supported": true,
    "name": "run_current_tool",
    "discovery": "WebMCP on the human page in a supporting browser",
    "verification": "See audit/API-AUDIT.md; availability is not verification"
  }
}
```

## Page guide

Turn an indented outline into a tidy mind map you can download as SVG. The map comes with Markdown and OPML copies of the outline so you can keep editing it.

How can we improve this tool?

Report a problem or share an idea.

Please leave out private information. Your message and the tool name go to our team via PostHog.

### How to use Mind Map Editor

1. Write the central topic on the first line.
2. List the other topics below it, indenting or using Markdown bullets or headings to nest them.
3. Choose the branch layout, font size and colors.
4. Download the SVG map, the Markdown and OPML outlines and the JSON report.

## Useful next steps

- [Folder tree exporter](https://happytails.ai/en/developer-tools/folder-tree-exporter/) ([Markdown](https://happytails.ai/en/developer-tools/folder-tree-exporter.md))

- [Sitemap generator](https://happytails.ai/en/marketing-tools/sitemap-generator/) ([Markdown](https://happytails.ai/en/marketing-tools/sitemap-generator.md))

- [Collage maker](https://happytails.ai/en/design-tools/collage-maker/) ([Markdown](https://happytails.ai/en/design-tools/collage-maker.md))

## How the outline is read

The first line is the central topic. Indentation nests topics, with a tab counting as four spaces, and only relative indentation counts, so an outline indented as a whole reads the same as one starting at the left edge. Markdown bullets such as - or 1. are removed, and # headings set the level directly, so # is the center, ## its branches and bullets below a heading become its children. The map needs exactly one central topic.

### How the map is laid out

Each level forms a column. Topics on the outside of the map are stacked from top to bottom and each parent is centered beside its children, so branches never overlap. The balanced layout puts the first half of the main branches on the right and the rest on the left. Labels wrap at about 240 pixels, estimated from standard Helvetica character widths.

### Exports and limits

The Markdown and OPML files contain the same outline in a standard form, and OPML follows the OPML 2.0 specification (opml.org, read 16 October 2026). The report checks your text and topic colors with the WCAG 2.2 contrast formula. Dragging topics by hand is not part of this version; edit the outline and run it again.