Generate visual representations of algorithm execution
Scanned 9/2/2026
Install to Claude Code
npx -y skills add a5c-ai/babysitter --skill algorithm-visualizer --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Algorithm Visualizer?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/a5c-ai-algorithm-visualizer-babysitter)More formats (shields.io, HTML) on the badges page.
---
name: algorithm-visualizer
description: Generate visual representations of algorithm execution
allowed-tools:
- Bash
- Read
- Write
- Grep
- Glob
graph:
domains: [domain:computer-science]
specializations: [specialization:algorithms-optimization]
skillAreas: [skill-area:dynamic-programming, skill-area:graph-algorithms, skill-area:data-visualization]
roles: [role:backend-engineer, role:computational-scientist]
---
# 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
1. **Array Operations**: Sorting, searching, two-pointer techniques
2. **Tree Structures**: Binary trees, BST operations, tree traversals
3. **Graph Algorithms**: BFS, DFS, shortest paths, MST
4. **DP Tables**: State transitions, optimal substructure
5. **Data Structures**: Stack, queue, heap operations
## Input Schema
```json
{
"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
```json
{
"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.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!