Agent skill

Microsim Generator

by dmccreary in dmccreary/ibook-skills

Creates interactive educational MicroSims, routing to the best-matched generator - p5.js, Chart.js, Plotly, Mermaid, vis-network, timelines, maps, Venn, causal-loop/feedback-loop diagrams (CLD)…

No licenceAuto-check passedData & Analytics

Install Microsim Generator

skills CLI
$ npx skills add dmccreary/ibook-skills --skill microsim-generator -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install dmccreary/ibook-skills microsim-generator --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/dmccreary/ibook-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/microsim-generator .claude/skills/microsim-generator && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
microsim-generator
GitHub stars
105
Token cost
~11k tokens
SKILL.md length
4,403 words
Files
129 (incl. scripts, references, assets)
Skills in repo
32
Repo updated
First seen
Licence
None found

At a glance

Creates interactive educational MicroSims, routing to the best-matched generator - p5.js, Chart.js, Plotly, Mermaid, vis-network, timelines, maps, Venn, causal-loop/feedback-loop diagrams (CLD)…

  • Works in 10 steps: Environment Setup → Extract Specs from Chapter (Batch Route) → Scaffold Sim Directories → …
  • Tasks that involve Diagrams
  • SKILL.md covers Overview, Default Sequential Execution, When to Use This Skill and Step 0: Environment Setup, plus 13 more sections
  • Runs JavaScript scripts from its folder; calls python3, pip and playwright; reaches dmccreary.github.io

What it does

Microsim Generator is an agent skill from dmccreary/ibook-skills. Creates interactive educational MicroSims, routing to the best-matched generator - p5.js, Chart.js, Plotly, Mermaid, vis-network, timelines, maps, Venn, causal-loop/feedback-loop diagrams (CLD), concept-classifier sorting quizzes, infographic overlays with callout labels, Docker Python labs (runnable code blocks), and fact-verified statistics posters (every numeric claim checked against a cited source before rendering). Generates complete MicroSim packages with HTML, JavaScript, CSS, documentation, and metadata.

Its SKILL.md is about 11k tokens, which your agent loads only when the skill is triggered. The skill folder holds 133 other files, including scripts, reference files and assets (for example `assets/causal-loop/cld-inline.js`, `assets/causal-loop/cld-viewer/cld-viewer.js` and `assets/causal-loop/cld-viewer/examples/ai-flywheel-cld.json`).

It sits in Data & Analytics, covering Diagrams, Data visualization and Infographics. It works with Python, Docker, JavaScript and Chart.js.

When your agent uses it

  • Tasks that involve Diagrams
  • Tasks that involve Data visualization
  • Tasks that involve Infographics

Example prompts

  • “Use the microsim-generator skill to create interactive educational MicroSims, routing to the best-matched generator - p5.js, Chart.js, Plotly…”
  • “/microsim-generator”

Requirements

  • Python 3
  • Node.js
  • Docker

Workflow steps

10 steps, taken from the step headings in SKILL.md.

  1. Environment Setup
  2. Extract Specs from Chapter (Batch Route)
  3. Scaffold Sim Directories
  4. Instructional Design Checkpoint (MANDATORY)
  5. Implement .js Files
  6. Fix Chapter Iframes
  7. Validate Quality
  8. Update Navigation
  9. Generate a Screen Image of the MicroSim
  10. Visual Layout Review (MANDATORY)

What it can do on your machine

Read from SKILL.md and the folder at commit 6789126. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/ (JavaScript, from the files we listed), which the agent can run.

    Shell commands in SKILL.md call:

    • python3
    • pip
    • playwright

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • dmccreary.github.io

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Microsim Generator loads about 11k tokens when it runs, and up to ~121k if it reads all its reference files. Until then it costs about 134 tokens; SKILL.md has 4,403 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~134
When it runs · the whole SKILL.md, loaded when a task matches
~11k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~121k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 4,403 words (~11,196 tokens).

name
microsim-generator
metadata.ibook.version
1.0
metadata.ibook.preferred-model
opus

Read the full SKILL.md on GitHub

Files

SKILL.md and 128 other files (scripts, references, assets) in skills/microsim-generator of dmccreary/ibook-skills.

  • SKILL.md
  • assets/causal-loop/cld-inline.js
  • assets/causal-loop/cld-viewer/balancing-loop-ccw.png
  • assets/causal-loop/cld-viewer/balancing-loop-cw.png
  • assets/causal-loop/cld-viewer/cld-viewer.js
  • assets/causal-loop/cld-viewer/examples/ai-flywheel-cld.json
  • assets/causal-loop/cld-viewer/examples/runaway-hypothesis-cld.json
  • assets/causal-loop/cld-viewer/examples/winner-takes-all-cld.json
  • assets/causal-loop/cld-viewer/main.html
  • assets/causal-loop/cld-viewer/reinforcing-loop-ccw.png
  • assets/causal-loop/cld-viewer/reinforcing-loop-cw.png
  • assets/concept-classifier/concept-classifier-template.js
  • assets/concept-classifier/data-template.json
  • assets/concept-classifier/index-template.md
  • assets/concept-classifier/main-template.html
  • assets/docker-python-lab
  • … and 113 more

Open the folder on GitHubat commit 6789126

Compare with similar skills

Microsim Generator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Microsim Generator compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Microsim Generator this skilldmccreary/ibook-skills105—~11kAutomated safety check: PassNone
Microsim Generatorynulihao/AgentSkillOS617—~2.1kAutomated safety check: PassNone
Openai Dotcom Vizyzlnew/infra-skills149—~1.3kAutomated safety check: PassNone
CJK Font Setup for Plotsxjtulyc/MedgeClaw6171 repos~1.3kAutomated safety check: PassNone
Bio Data Visualization Flow And Transition PlotsGPTomics/bioSkills1.2k2 repos~2.9kAutomated safety check: PassMIT
Visual Designaws-samples/sample-strands-agent-with-agentcore195—~1.5kAutomated safety check: PassMIT

Similar skills

  • Microsim Generator

    ynulihao/AgentSkillOS

    Creates interactive educational MicroSims using the best-matched JavaScript library (p5.js, Chart.js, Plotly, Mermaid, vis-network, vis-timeline, Leaflet, Venn.js).

    617 GitHub stars~2.1k tokensUpdated 7 mo ago
    Data & AnalyticsAuto-check passed
  • Openai Dotcom Viz

    yzlnew/infra-skills

    Build figures in OpenAI's blog / research / system-card "dotcom" visual style — both (a) bar charts (monochrome bars with a darker same-hue stroke, rounded corners, a black y-axis with outward ticks…

    149 GitHub stars~1.3k tokensUpdated 3 mo ago
    Data & AnalyticsAuto-check passed
  • CJK Font Setup for Plots

    xjtulyc/MedgeClaw

    Detects a usable Chinese, Japanese or Korean font and configures matplotlib so chart labels, titles and legends render instead of showing empty boxes.

    617 GitHub starsUsed in 1 repo~1.3k tokens
    Data & AnalyticsAuto-check passed
  • Build Sankey, alluvial, river, and CONSORT-style flow diagrams to visualize cohort transitions, cell-state changes, or pipeline filtering using ggalluvial, networkD3, plotly, and consort.

    1.2k GitHub starsUsed in 2 repos~2.9k tokens
    Data & AnalyticsAuto-check passed
  • Visual Design

    aws-samples/sample-strands-agent-with-agentcore

    Official

    Use this skill any time the user needs a visual output as an image or PDF — charts, diagrams, posters, infographics, abstract artwork, or any visual design.

    195 GitHub stars~1.5k tokensUpdated 2 days ago
    Media & CreativeAuto-check passed
  • AI Daily Digest

    vigorX777/ai-daily-digest

    Fetches RSS feeds from 90 top Hacker News blogs (curated by Karpathy), uses AI to score and filter articles, and generates a daily digest in Markdown with Chinese-translated titles, category…

    1.6k GitHub stars~1.3k tokensUpdated 7 mo ago
    Data & AnalyticsAuto-check passed

More from dmccreary/ibook-skills

All 32 skills in this repo
  • Book Publisher

    dmccreary/ibook-skills

    Publishes and promotes a finished intelligent textbook - GitHub README with badges and site statistics, LinkedIn announcement posts, LinkedIn carousel document posts (PPTX/PDF slideshows), and…

    105 GitHub stars~1.3k tokensUpdated yesterday
    Auto-check passed
  • Linkedin Carousel Generator

    dmccreary/ibook-skills

    Generates a 13-slide LinkedIn carousel (a "document post" — PPTX/PDF) that showcases an intelligent textbook's key features, with real screenshots, mascot art, and metrics pulled from the project.

    105 GitHub stars~3.7k tokensUpdated yesterday
    Auto-check passed
  • Add Xapi Events To Microsim

    dmccreary/ibook-skills

    A skill your agent uses when the user wants an existing MicroSim or chapter quiz to record what students do with it.

    105 GitHub stars~5.6k tokensUpdated yesterday
    Auto-check passed
  • Diagram Reports Generator

    dmccreary/ibook-skills

    Generates a status report of all diagrams and MicroSims across an intelligent textbook's chapters, including difficulty, Bloom's level, and UI complexity.

    105 GitHub starsUsed in 1 repo~1.9k tokens
    Auto-check passed
  • DOCX To Web Publisher

    dmccreary/ibook-skills

    Converts .docx files (papers, briefs, reports) into styled React component pages in a Next.js content-catalog site.

    105 GitHub stars~2.2k tokensUpdated yesterday
    Auto-check passed
  • Book Media Generator

    dmccreary/ibook-skills

    Generates media for intelligent textbooks - slide decks and presentations (MARP web decks in docs/slides/ or PowerPoint .pptx lecture downloads), illustrated stories and graphic novels…

    105 GitHub stars~1.7k tokensUpdated yesterday
    Auto-check passed

Questions about Microsim Generator

What does Microsim Generator do?

Creates interactive educational MicroSims, routing to the best-matched generator - p5.js, Chart.js, Plotly, Mermaid, vis-network, timelines, maps, Venn, causal-loop/feedback-loop diagrams (CLD)…. Microsim Generator is an agent skill from dmccreary/ibook-skills.js, Plotly, Mermaid, vis-network, timelines, maps, Venn, causal-loop/feedback-loop diagrams (CLD), concept-classifier sorting quizzes, infographic overlays with callout labels, Docker Python labs (runnable code blocks), and fact-verified statistics posters (every numeric claim checked against a cited source before rendering).

When should I use Microsim Generator?

Microsim Generator fits situations like: tasks that involve Diagrams; tasks that involve Data visualization; tasks that involve Infographics.

How do I install Microsim Generator in Claude Code?

Run `npx skills add dmccreary/ibook-skills --skill microsim-generator -a claude-code`. Or copy the skill folder (skills/microsim-generator in dmccreary/ibook-skills) into .claude/skills/microsim-generator in your project. Claude Code loads it when a task matches its description.

How do I install Microsim Generator in Codex?

Run `npx skills add dmccreary/ibook-skills --skill microsim-generator -a codex`. Or copy the skill folder (skills/microsim-generator in dmccreary/ibook-skills) into .agents/skills/microsim-generator in your project. Codex loads it when a task matches its description.

Can I use Microsim Generator in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add dmccreary/ibook-skills --skill microsim-generator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/microsim-generator, .gemini/skills/microsim-generator, .github/skills/microsim-generator and .opencode/skills/microsim-generator in your project.

What does Microsim Generator need to run?

Going by SKILL.md and its folder, Microsim Generator needs JavaScript for the scripts in its folder and the command-line tools its instructions call (python3, pip and playwright). Our summary lists: Python 3; Node.js; Docker.

Does Microsim Generator access the network?

SKILL.md names 1 domain. In commands or code: dmccreary.github.io; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Microsim Generator safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Microsim Generator use?

No licence was found for Microsim Generator or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Microsim Generator use?

About 11k tokens (SKILL.md is roughly 45k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 110k tokens, read only when the agent opens those files.

What are the alternatives to Microsim Generator?

Skills that share tags, products or a category with Microsim Generator: Microsim Generator (ynulihao/AgentSkillOS, 617 stars), Openai Dotcom Viz (yzlnew/infra-skills, 149 stars), CJK Font Setup for Plots (xjtulyc/MedgeClaw, 617 stars) and Bio Data Visualization Flow And Transition Plots (GPTomics/bioSkills, 1.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Microsim Generator?

dmccreary (a GitHub user) maintains it in dmccreary/ibook-skills, which has 105 GitHub stars. The repository holds 32 skills in this directory. The repository was last updated on October 7, 2026.

Source: dmccreary/ibook-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.