L0dyv

You can generate single-file interactive HTML teaching pages that visualize data structures and algorithms. Supported tasks include animating sorts like quicksort, demonstrating queues, explaining PDF or textbook knowledge points, visualizing code execution step by step, and comparing two concepts with SVG diagrams.

The skill targets educators, students, and developers who need to teach or learn algorithms visually. It suits anyone requesting knowledge-point summaries, teaching pages, animated demonstrations, or step-by-step algorithm execution, even without explicitly asking for HTML or visualization output.

The skill triggers on requests involving knowledge summaries, teaching pages, animation demos, algorithm execution tracing, PDF explanations, SVG diagrams, or step-by-step walkthroughs. It outputs a self-contained single HTML file containing the interactive visualization, requiring no additional assets or server setup.

It accepts a topic name such as 'demonstrate quicksort', a PDF or textbook passage requiring explanation, existing code or an algorithm to visualize during execution, or a request to compare two concepts or explain a principle. Each input type produces a tailored interactive teaching page.