HTML Mind Map & Concept Map

Some thinking is tree-shaped or graph-shaped: brainstorming variations of an idea, mapping a knowledge domain, working through "what if X is the cause" debugging trees, or organizing nested concepts. A mind map externalizes that structure so the user can see it, rearrange it, and hand it back to the agent for the next step.

Pre-flight — run BEFORE writing the artifact

Invoke html-skills:html-skills-listen (Skill tool) first; it is idempotent. If it returns a URL, inject it verbatim as window.__CLAUDE_SUBMIT_URL__ in the HTML you are about to write, ?t= query string included (a local, single-session loopback handshake — not a credential). If it reported web/sandbox mode, leave that line out; submitToClaude then falls back to clipboard mode.

When to use this skill

• "Brainstorm / map out / explore X"
• "What are all the possibilities for Y"
• "Help me think through the causes of Z"
• "Organize these ideas / concepts / hypotheses"
• "Build me a concept map for X"
• Any explanation that branches recursively