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으로 참조될 수 있습니다. 메타데이터.json에는 MicroSim에 대한 더블린 코어 메타데이터가 포함되어 있습니다. 출처: vishalsachdev/claude-skills.

원본 보기