Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →brycewang-stanford/algorithm-visualizer-guide
Guide to Algorithm Visualizer for interactive algorithm exploration
Passed 23 of 23 test cases with the skill, and 14 of 23 without it.
and 6 more in the full report
9 fixed14 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
When configuring a self-hosted Algorithm Visualizer web client build to communicate with a containerized backend running at http://localhost:8080, which environment variable name should be written to .env.local before running the static build?
| Checked | Without skill | With skill |
|---|---|---|
| sets the environment variable named REACT_APP_API_URL | Missed | Passed |
| assigns the backend endpoint value http://localhost:8080 to the variable | Passed | Passed |
The instructions your model reads when the skill loads.
Algorithm Visualizer is an interactive online platform with over 48K stars on GitHub that allows researchers, educators, and students to visualize algorithms through animated graphical representations. The platform provides a web-based environment where algorithm code runs step-by-step alongside a visual canvas that shows data structures being manipulated in real time.
For academic researchers, Algorithm Visualizer serves two primary purposes. First, it is an excellent tool for teaching computational methods in courses and workshops. Complex algorithms in sorting, graph theory, dynamic programming, and numerical methods become immediately intuitive when students can see the step-by-step execution animated on screen. Second, researchers developing new algorithms can use the platform to debug, validate, and communicate their approaches visually, making it easier to explain novel computational contributions in papers and presentations.
The platform supports JavaScript-based algorithm implementations and provides a visualization API with tracer objects for arrays, graphs, logs, and custom 2D canvases. Researchers can create custom visualizations of their own algorithms and share them through the platform's public repository or embed them in course materials.
Algorithm Visualizer consists of three main components that work together to provide the interactive visualization experience.
# Clone the repository
git clone https://github.com/algorithm-visualizer/algorithm-visualizer.git
cd algorithm-visualizer
# Install dependencies
npm install
# Start development server
npm start
# Access at http://localhost:3000
# Clone all required components
test cases passed, vs 14 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.