Open-Source Slidev Plugins for Interactive CS Teaching


I’ve published an open-source repository with Slidev plugins designed for computer science education. Both plugins were created with some help of Claude code. The package includes two Vue components that make technical presentations more interactive:

LLMQuery embeds large language models through OpenRouter.ai (GPT-4, Claude, Gemini, etc.) directly into slides. Instructors can trigger contextual AI explanations during lectures, using slide content as grounding for the prompts. The component supports flexible positioning and can auto-execute queries when entering a slide.

JavaPlayGround provides live code editing and execution using JDoodle.com. It offers two modes: an embedded JDoodle iframe (zero setup) or a built-in editor powered by the JDoodle API. Perfect for real-time coding demonstrations without switching away from your presentation.

Both components integrate seamlessly with Slidev presentations and require minimal configuration. The repository is available under the MIT License at github.com/kluyten/slidev-plugins.