Algorithm Visualizer
Visualize any algorithm as a flowchart
General
flowchart
visualize
learning
education
MCP Tool
render_flowchart
Output Type
General
Input Examples
Copy
Name an algorithm or paste code (e.g., "Binary Search" or "function mergeSort(arr) {...}")...
How to Use
1
Connect MCP Server
Add MockFlow IdeaBoard MCP to your AI assistant:
Desktop MCP
Web MCP
Loginless MCP
claude mcp add --transport http -s user mockflow-ideaboard http://localhost:21193/mcp
Requires MockFlow Desktop app running locally
npm install -g @mockflow/ideaboard-mcp && mockflow-ideaboard-mcp login && mockflow-ideaboard-mcp
Install CLI, login with your MockFlow account, then start the server
claude mcp add --transport http -s user mockflow-ideaboard https://app.mockflow.com/ideaboard/mcp
No account needed — free to use
2
Install Skill
Download the SKILL.md file and place it in your skills directory:
~/.claude/skills/mockflow-algorithm-visualizer/SKILL.md
3
Use the Skill
Claude Code will auto-detect when your prompt matches the skill. You can also invoke it directly with
/mockflow-algorithm-visualizer.Related skills
Industry Ecosystem Graph
Maps the players in any market — companies, regulators, customers, suppliers — as a graph with relationship edges
Book Argument Graph
User names a book, paper, or article. Generates a graph of the key ideas, arguments, and evidence nodes
Product Launch Workflow
Map product launch workflows as swimlane diagrams
Meme Maker
Create editable memes for social media
Support
Videos
