Babysitter algorithm-visualizer

Generate visual representations of algorithm execution

install

source · Clone the upstream repo

git clone https://github.com/a5c-ai/babysitter

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/a5c-ai/babysitter "$T" && mkdir -p ~/.claude/skills && cp -r "$T/library/specializations/algorithms-optimization/skills/algorithm-visualizer" ~/.claude/skills/a5c-ai-babysitter-algorithm-visualizer && rm -rf "$T"

manifest: library/specializations/algorithms-optimization/skills/algorithm-visualizer/SKILL.md

Algorithm Visualizer Skill

Purpose

Generate visual representations of algorithm execution to aid understanding, debugging, and explanation of algorithmic concepts.

Capabilities

Step-by-step execution visualization
Data structure state visualization
Graph algorithm animation
DP table visualization
Generate animated GIFs/videos
Interactive visualization generation
Tree and array state rendering

Target Processes

algorithm-implementation
dp-pattern-matching
graph-traversal
interview-problem-explanation

Visualization Types

Array Operations: Sorting, searching, two-pointer techniques
Tree Structures: Binary trees, BST operations, tree traversals
Graph Algorithms: BFS, DFS, shortest paths, MST
DP Tables: State transitions, optimal substructure
Data Structures: Stack, queue, heap operations

Input Schema

{
  "type": "object",
  "properties": {
    "algorithm": { "type": "string" },
    "input": { "type": "object" },
    "format": {
      "type": "string",
      "enum": ["ascii", "svg", "gif", "html"]
    },
    "steps": { "type": "boolean", "default": true }
  },
  "required": ["algorithm", "input"]
}

Output Schema

{
  "type": "object",
  "properties": {
    "success": { "type": "boolean" },
    "visualization": { "type": "string" },
    "steps": { "type": "array" },
    "format": { "type": "string" }
  },
  "required": ["success"]
}

Integration

Can integrate with visualization libraries like Manim, D3.js, or generate ASCII art for terminal-based visualization.