microsim-p5

SKILL.md

This skill guides the creation of Educational MicroSims using the p5.js JavaScript library. MicroSims are lightweight, interactive educational simulations designed for browser-based learning. MicroSims occupy a unique position at the intersection of Simplicity (focused scope, transparent code), Accessibility (browser-native, universal embedding), and AI Generation (standardized patterns, prompt-compatible design).

This MicroSim Skill is designed to create all the required files for running your MicroSim on your website. This microsim skill has been designed to be run within Claude code.

The best practice is to startup Claude Code from the command line where you at the root of the GitHub checkout directory. This is one level down from where you ran GitClone. This directory should contain a .git directory.

使用 p5.js JavaScript 庫創建交互式教育 MicroSim，並具有用於繪圖和交互式控件的不同區域。 每個 MicroSim 都是位於 /docs/sims 文件夾中的一個目錄。 它有一個引用 javascript 代碼的 main.html 文件，並且可以從 index.md 作為 iframe 引用 main.html。 metadata.json 包含有關 MicroSim 的都柏林核心元數據。 來源：vishalsachdev/claude-skills。

查看原文