SimpleMindMap (思绪思维导图)

MindSpark is an open-source, self-hostable mind-mapping application developed in vanilla JavaScript and distributed under the MIT license. It represents each map as a Markdown outline and keeps the canvas and Markdown editor synchronized in both directions, with imports and exports for formats including JSON, OPML, Markdown, PNG, PDF, Word, Mermaid, and GitMind. The editor provides automatic tree layout, drag-and-drop reordering, rich-text nodes, LaTeX rendering through MathML, an Excel-like node formula engine with functions such as SUM, AVERAGE, IF, ROUND, and SQRT, version history, read-only URL share links, and citations with DOI-based metadata retrieval from Crossref. Research, prompt-engineering, software, and AI-agent templates are included; map branches can also be compiled into prompts for Anthropic or OpenAI using a user-supplied API key. MindSpark can run locally with Node.js and SQLite, as a static site using a personal access token to save maps in a user's own Git repository, or with an optional Cloudflare Worker for OAuth, editable shared maps, access control, and real-time collaboration. Its repository also describes a separate MCP server for creating, reading, editing, and rendering maps through compatible AI clients.

Excalidraw is an open-source virtual whiteboard for creating hand-drawn-style diagrams, wireframes, and other canvas-based drawings. It provides tools for shapes, arrows, lines, freehand drawing, image insertion, labeled and bound arrows, zooming, panning, undo and redo, dark mode, shape libraries, localization, and export to PNG, SVG, clipboard, or its open JSON format. The editor is available as an npm package for integration into applications. The hosted Excalidraw.com app adds real-time collaboration, end-to-end encryption, browser autosave with local-first behavior, offline PWA support, and shareable read-only links. The videos describe using Excalidraw to visualize Mermaid-generated diagrams and to manually map multi-step AI workflows with jobs, arrows, parallel lanes, checks, and human approvals.

mindwalk is a local visualization tool that replays coding-agent sessions on a 3D map of a codebase. Its Go binary reads Claude Code, Codex, and pi session logs, showing searched, read, and edited files as changing glow and touch states on radial-tree or treemap views; files no longer present remain as wireframe ghosts. A playback deck supports timeline scrubbing, event-bucketed observation and mutation phases, speed control, and client-side WebM export, while timeline marks, subagent lenses, and a file inspector connect session events to individual file histories. It runs locally and sends nothing elsewhere during viewing; optional session evaluation sends a session summary to the model used by the user's local Claude or Codex CLI when explicitly invoked.

Diagram Design is a diagram-generation skill for Claude Code, Codex, Factory Droid, and Pi. It produces self-contained HTML and SVG diagrams through 39 editorial visual types, including architecture, flowchart, sequence, state-machine, data-flow, timeline, Sankey, Wardley map, kanban, user journey, deployment, dependency graph, UML class, story map, and database-schema diagrams. It can read a website to match its brand, and can redraw draw.io or Mermaid sources at a selected format, size, and detail level. Its semantic system patterns describe behavior separately from layout, so queues, policy traces, and trust boundaries can use an existing diagram type without adding new layout types. The repository supplies each type in minimal-light, minimal-dark, and full-editorial variants. Static HTML is the default; optional accessible motion is available for ordered explanations. The diagrams require no build step, JavaScript, or external image dependency.

Quickdraw is an MIT-licensed, open-source infinite-canvas whiteboard SDK for React, React Native/Expo, and plain JavaScript applications. It provides freehand pressure ink, highlighters, shapes, arrows, lines, text, sticky notes, images, selection and transformation tools, laser presentation pointers, themes, grids, palm rejection, and PNG export. Its data model emits JSON-safe diffs for real-time synchronization over an application-chosen transport, with support for persistence, undo/redo, and stroke-by-stroke replay. The project provides separate core, React, and React Native packages; the core is plain ESM with zero runtime dependencies and can run in modern browsers without a build step. The repository states that it is free for commercial use and has no license fee.