·microsim-p5
</>

microsim-p5

vishalsachdev/claude-skills

Cree un MicroSim educativo interactivo utilizando la biblioteca JavaScript p5.js con distintas regiones para dibujar y controles interactivos. Cada MicroSim es un directorio ubicado en la carpeta /docs/sims. Tiene un archivo main.html que hace referencia al código javascript y se puede hacer referencia a main.html como un iframe desde index.md. Metadata.json contiene metadatos principales de Dublin sobre MicroSim.

3Instalaciones·0Tendencia·@vishalsachdev

Instalación

$npx skills add https://github.com/vishalsachdev/claude-skills --skill 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.

Cree un MicroSim educativo interactivo utilizando la biblioteca JavaScript p5.js con distintas regiones para dibujar y controles interactivos. Cada MicroSim es un directorio ubicado en la carpeta /docs/sims. Tiene un archivo main.html que hace referencia al código javascript y se puede hacer referencia a main.html como un iframe desde index.md. Metadata.json contiene metadatos principales de Dublin sobre MicroSim. Fuente: vishalsachdev/claude-skills.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/vishalsachdev/claude-skills --skill microsim-p5
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es microsim-p5?

Cree un MicroSim educativo interactivo utilizando la biblioteca JavaScript p5.js con distintas regiones para dibujar y controles interactivos. Cada MicroSim es un directorio ubicado en la carpeta /docs/sims. Tiene un archivo main.html que hace referencia al código javascript y se puede hacer referencia a main.html como un iframe desde index.md. Metadata.json contiene metadatos principales de Dublin sobre MicroSim. Fuente: vishalsachdev/claude-skills.

¿Cómo instalo microsim-p5?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/vishalsachdev/claude-skills --skill microsim-p5 Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/vishalsachdev/claude-skills