Create interactive HTML mind maps with draggable nodes and structured export.
npx skills add https://github.com/ethan-rio/skills --skill html-mind-map
Please help me install this Agent Skill. Skill: html-mind-map Source: https://github.com/ethan-rio/skills/tree/main/skills/html/html-mind-map Command: npx skills add https://github.com/ethan-rio/skills --skill html-mind-map
Linear text and static diagrams fail to capture tree-shaped or graph-shaped thinking like brainstorming variations, debugging hypothesis trees, or nested knowledge structures. This Skill lets you externalize that branching logic into an interactive, editable visual map that you can rearrange and submit back to the agent for next steps.
Use the html-mind-map skill to build a radial mind map of potential causes for the recent API latency spike, pre-fill three top-level hypothesis branches, and include a Submit button to send the completed map back to me for analysis.
High-intent search queries and answers about installing and using this skill.
To create an interactive mind map, this Skill generates self-contained, mobile-responsive HTML files with inline CSS and JavaScript, featuring draggable nodes and inline editing to visually structure branching thoughts like debugging hypothesis trees.
The best way to map a knowledge domain is using an interactive concept map that supports tree and graph layouts, allowing you to drag-to-reposition nodes, add child branches inline, and capture nested ideas dynamically.
Yes, you can export your HTML mind map data as an indented outline, a JSON tree, or a natural-language prompt, utilizing a standardized submit pipeline to return captured map data back to the agent.
Yes, this approach supports both tree and graph layouts within a single HTML file, enabling you to match your thinking style when structuring complex brainstorms, root cause analyses, or nested knowledge structures.
You can build a root cause analysis tree by generating a radial mind map pre-filled with top-level hypothesis branches, marking supporting and refuting evidence on each node, and exporting surviving hypotheses for investigation.
No external libraries are needed, as the concept maps are produced as self-contained HTML files with all inline CSS and JavaScript included, ensuring they run directly in a browser without extra dependencies.
cyberpunk042Capture raw ideas and generate structured idea.md documents.
jinglemansweepLoad and parse .agentmap.yaml orientation maps into agent context.
GGGODLINGenerate interactive HTML playgrounds for visual exploration and configuration.
flashfoxerConvert orgmode or markdown outlines into HTML slides with custom themes.
