Algorithm Visualizer Skill

SkillDev tools

Generate visual representations of algorithm execution

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the Algorithm Visualizer Skill skill

What this skill tells your AI

The instructions your AI receives, as published by a5c-ai/babysitter in library/specializations/algorithms-optimization/skills/algorithm-visualizer/SKILL.md and read by ahel’s review.

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.

Signals

GitHub stars: 2k
Forks: 112
Last commit: Sep 2026

Advanced

Item type: skill
Key: algorithm-visualizer
Source: github.com/a5c-ai/babysitter

github.com/a5c-ai/babysitter