Streaming Mindmap Rendering
Installation
SKILL.md
Streaming Mindmap Rendering
This skill guides you through implementing a streaming mindmap renderer using mind-elixir. This technique allows you to display a mindmap that grows in real-time as data is generated by an AI model or fetched from a stream.
Prerequisites
- React (or any frontend framework, examples use React)
mind-elixirlibrary
1. Install Dependencies
First, ensure you have mind-elixir installed.
npm install mind-elixir
2. Component Structure
Related skills
More from ssshooter/mind-elixir-core
integrate mind elixir
Guide for integrating Mind Elixir into a frontend project, covering installation, initialization, data structure, and basic usage.
32mind elixir plaintext format
Guide for understanding and converting Mind Elixir plaintext format. Covers format specification, parsing, and conversion to Mind Elixir data structure.
32customize markdown
Guide for customizing markdown rendering in Mind Elixir nodes, including using third-party libraries.
31export mind map as image
Guide for exporting mind maps as images using `@zumer/snapdom`.
31