·microsim-p5
</>

microsim-p5

Создайте интерактивный образовательный MicroSim, используя библиотеку JavaScript p5.js с отдельными областями для рисования и интерактивными элементами управления. Каждая MicroSim представляет собой каталог, расположенный в папке /docs/sims. У него есть файл main.html, который ссылается на код JavaScript, а на main.html можно ссылаться как на iframe из index.md. Metadata.json содержит основные метаданные Dublin о MicroSim.

6Установки·0Тренд·@vishalsachdev

Установка

$npx skills add https://github.com/vishalsachdev/claude-skills --skill microsim-p5

Как установить microsim-p5

Быстро установите AI-навык microsim-p5 в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/vishalsachdev/claude-skills --skill microsim-p5
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: vishalsachdev/claude-skills.

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.

Создайте интерактивный образовательный MicroSim, используя библиотеку JavaScript p5.js с отдельными областями для рисования и интерактивными элементами управления. Каждая MicroSim представляет собой каталог, расположенный в папке /docs/sims. У него есть файл main.html, который ссылается на код JavaScript, а на main.html можно ссылаться как на iframe из index.md. Metadata.json содержит основные метаданные Dublin о MicroSim. Источник: vishalsachdev/claude-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/vishalsachdev/claude-skills --skill microsim-p5
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from vishalsachdev/claude-skills

Короткие ответы

Что такое microsim-p5?

Создайте интерактивный образовательный MicroSim, используя библиотеку JavaScript p5.js с отдельными областями для рисования и интерактивными элементами управления. Каждая MicroSim представляет собой каталог, расположенный в папке /docs/sims. У него есть файл main.html, который ссылается на код JavaScript, а на main.html можно ссылаться как на iframe из index.md. Metadata.json содержит основные метаданные Dublin о MicroSim. Источник: vishalsachdev/claude-skills.

Как установить microsim-p5?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/vishalsachdev/claude-skills --skill microsim-p5 После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

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

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01