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 ファイルがあり、main.html は、index.md から iframe として参照できます。 metadata.json には、MicroSim に関するダブリン コア メタデータが含まれています。 ソース: vishalsachdev/claude-skills。

原文を見る