microsim-p5

What problem does it solves? This Skill automates the creation of standardized, interactive educational simulations (MicroSims) using the p5.js JavaScript library. It significantly reduces the development time for educators and developers by ensuring consistency in design, responsiveness, and pedagogical rigor, making complex STEM concepts accessible and engaging for students.

Core Features & Use Cases

• Standardized MicroSim Generation: Creates all necessary files (index.md, main.html, JavaScript, metadata.json) for a p5.js simulation, adhering to strict architectural and design principles for educational content.
• Responsive & Interactive: Generates simulations that adapt seamlessly to various screen sizes and include intuitive interactive controls (sliders, buttons) for student exploration and experimentation.
• Educational Focus & Analytics: Embeds pedagogical design principles, comprehensive metadata for learning objectives, and xAPI compatibility for integrating with Learning Record Stores (LRS) to track student interactions.
• Use Case: An educator needs to quickly create a simulation to demonstrate the physics of projectile motion. This Skill generates a fully functional, embeddable p5.js MicroSim with controls for gravity and elasticity, ready for immediate classroom use or integration into a Learning Management System (LMS).

Quick Start

This skill is designed to be prompted to create a MicroSim. For example, you might prompt: "Create a bouncing ball MicroSim with speed control." The output will be a zip file containing the MicroSim's files. To install and test: cd /docs/sims unzip your-microsim-name.zip mkdocs serve Then navigate to http://localhost:8000/microsims/sims/your-microsim-name/