Agent skill

Microsim Generator

by ynulihao in 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).

No licenceAuto-check passedData & Analytics

Install Microsim Generator

skills CLI
$ npx skills add ynulihao/AgentSkillOS --skill microsim-generator -a claude-code

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

GitHub CLI
$ gh skill install ynulihao/AgentSkillOS 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/ynulihao/AgentSkillOS.git skills-src && mkdir -p .claude/skills && cp -r skills-src/data/skill_seeds/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
617
Token cost
~2.1k tokens
SKILL.md length
661 words
Files
1
Skills in repo
26
Repo updated
First seen
Licence
None found

At a glance

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

  • Works in 3 steps: Analyze Request and Match Generator → Load the Matched Guide → Execute Generator Workflow
  • Tasks that involve Diagrams
  • SKILL.md covers Overview, When to Use This Skill, Step 1: Analyze Request and… and Step 2: Load the Matched Guide, plus 7 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Microsim Generator is an agent skill from 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). Analyzes user requirements to route to the appropriate visualization type and generates complete MicroSim packages with HTML, JavaScript, CSS, documentation, and metadata.

Its SKILL.md is about 2.1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Data & Analytics, covering Diagrams, Data visualization and Generative and creative coding. It works with Chart.js, Mermaid, Plotly and JavaScript. The repository describes itself as: Build your agent from 200,000+ skills via skill RETRIEVAL & ORCHESTRATION.

When your agent uses it

  • Tasks that involve Diagrams
  • Tasks that involve Data visualization
  • Tasks that involve Generative and creative coding

Example prompts

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

Workflow steps

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

  1. Analyze Request and Match Generator
  2. Load the Matched Guide
  3. Execute Generator Workflow

What it can do on your machine

Read from SKILL.md and the folder at commit c3cfae1. 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

    No scripts in the folder and no shell commands in SKILL.md (its code samples are yaml).

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

  • Network

    No URLs in SKILL.md.

    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 2.1k tokens when it runs. Until then it costs about 89 tokens; SKILL.md has 661 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~89
When it runs · the whole SKILL.md, loaded when a task matches
~2.1k

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); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 661 words (~2,061 tokens).

“This meta-skill routes MicroSim creation requests to the appropriate specialized generator based on visualization requirements. It consolidates 13 individual MicroSim generator skills into a single entry point with on-demand loading of specific implementation guides.”

— opening of SKILL.md by ynulihao
name
microsim-generator

Read the full SKILL.md on GitHub

Files

Just SKILL.md in data/skill_seeds/microsim-generator of ynulihao/AgentSkillOS.

Open the folder on GitHubat commit c3cfae1

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 skillynulihao/AgentSkillOS617—~2.1kAutomated safety check: PassNone
Microsim Generatordmccreary/ibook-skills105—~11kAutomated safety check: PassNone
Openai Dotcom Vizyzlnew/infra-skills149—~1.3kAutomated safety check: PassNone
Claude D3js Skillaiskillstore/marketplace4304 repos~5.4kAutomated safety check: PassNone
Diagram Designcathrynlavery/diagram-design44k1 repos~7.5kAutomated safety check: PassMIT
D3 Vizcalesthio/OpenMontage65k3 repos~5.4kAutomated safety check: PassAGPL-3.0

Similar skills

  • Microsim Generator

    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)…

    105 GitHub stars~11k tokensUpdated 2 days 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
  • Claude D3js Skill

    aiskillstore/marketplace

    Creating interactive data visualisations using d3.js. An agent skill from aiskillstore/marketplace.

    430 GitHub starsUsed in 4 repos~5.4k tokens
    Data & AnalyticsAuto-check passed
  • Diagram Design

    cathrynlavery/diagram-design

    Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.

    44k GitHub starsUsed in 1 repo~7.5k tokens
    DevelopmentAuto-check passed
  • D3 Viz

    calesthio/OpenMontage

    Creating interactive data visualisations using d3.js. An agent skill from calesthio/OpenMontage.

    65k GitHub starsUsed in 3 repos~5.4k tokens
    Data & AnalyticsAuto-check passed
  • Paper Figures

    EvoScientist/EvoSkills

    A skill your agent uses to produce standalone, publication-ready PNG graphics and reproducible matplotlib scripts from tabular data (CSVs or DataFrames).

    474 GitHub starsUsed in 1 repo~4.4k tokens
    Data & AnalyticsAuto-check passed

More from ynulihao/AgentSkillOS

All 26 skills in this repo
  • Generate Image

    ynulihao/AgentSkillOS

    Generate or edit images using AI models (FLUX, Gemini). An agent skill from ynulihao/AgentSkillOS.

    617 GitHub starsUsed in 10 repos~1.7k tokens
    Auto-check: notes
  • Data Storytelling

    ynulihao/AgentSkillOS

    Transform data into compelling narratives using visualization, context, and persuasive structure.

    617 GitHub starsUsed in 15 repos~2.8k tokens
    Auto-check passed
  • Prompt Engineering Patterns

    ynulihao/AgentSkillOS

    Master advanced prompt engineering techniques to maximize LLM performance, reliability, and controllability in production.

    617 GitHub starsUsed in 14 repos~1.7k tokens
    Auto-check passed
  • Employment Contract Templates

    ynulihao/AgentSkillOS

    Create employment contracts, offer letters, and HR policy documents following legal best practices.

    617 GitHub starsUsed in 11 repos~4.1k tokens
    Auto-check passed
  • SQL Optimization Patterns

    ynulihao/AgentSkillOS

    Master SQL query optimization, indexing strategies, and EXPLAIN analysis to dramatically improve database performance and eliminate slow queries.

    617 GitHub starsUsed in 10 repos~3.3k tokens
    Auto-check passed
  • Media Processing

    ynulihao/AgentSkillOS

    Process multimedia files with FFmpeg (video/audio encoding, conversion, streaming, filtering, hardware acceleration), ImageMagick (image manipulation, format conversion, batch processing, effects…

    617 GitHub stars~817 tokensUpdated 7 mo ago
    Auto-check: notes

Questions about Microsim Generator

What does Microsim Generator do?

Creates interactive educational MicroSims using the best-matched JavaScript library (p5.js, Chart.js, Plotly, Mermaid, vis-network, vis-timeline, Leaflet, Venn.js). Microsim Generator is an agent skill from ynulihao/AgentSkillOS.js).

When should I use Microsim Generator?

Microsim Generator fits situations like: tasks that involve Diagrams; tasks that involve Data visualization; tasks that involve Generative and creative coding.

How do I install Microsim Generator in Claude Code?

Run `npx skills add ynulihao/AgentSkillOS --skill microsim-generator -a claude-code`. Or copy the skill folder (data/skill_seeds/microsim-generator in ynulihao/AgentSkillOS) 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 ynulihao/AgentSkillOS --skill microsim-generator -a codex`. Or copy the skill folder (data/skill_seeds/microsim-generator in ynulihao/AgentSkillOS) 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 ynulihao/AgentSkillOS --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?

SKILL.md names no scripts, command-line tools or credentials: Microsim Generator is instructions for the agent only.

Does Microsim Generator access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. 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. Review the folder before installing.

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 2.1k tokens (SKILL.md is roughly 8.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Microsim Generator?

Skills that share tags, products or a category with Microsim Generator: Microsim Generator (dmccreary/ibook-skills, 105 stars), Openai Dotcom Viz (yzlnew/infra-skills, 149 stars), Claude D3js Skill (aiskillstore/marketplace, 430 stars) and Diagram Design (cathrynlavery/diagram-design, 44k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Microsim Generator?

ynulihao (a GitHub user) maintains it in ynulihao/AgentSkillOS, which has 617 GitHub stars. The repository holds 26 skills in this directory. The repository was last updated on March 7, 2026.

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