skilld
All skills
dmccreary avatar

/microsim-generator

@ed7c050
by Dan McCrearydmccreary/claude-skills104 stars
16

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.

Ask your Agent

Use this Skill: https://skilld.dev/gh/dmccreary/claude-skills/microsim-generator

This session only. Nothing lands on disk.

assetstemplatesvis-networkindex-template.md

≈448 tokens on demand. Your agent reads this file only when SKILL.md points to it.

{{TITLE}}

<iframe src="main.html" height="500px" width="100%" scrolling="no"></iframe>

View {{TITLE}} Fullscreen{ .md-button .md-button--primary }

Embed This Visualization

Place the following line in your website to include this visualization:

<iframe src="https://dmccreary.github.io/{{REPO_NAME}}/sims/{{MICROSIM_NAME}}/main.html" height="500px" width="100%" scrolling="no"></iframe>

Overview

{{OVERVIEW}}

How to Use

{{USAGE_INSTRUCTIONS}}

Graph Structure

{{GRAPH_DESCRIPTION}}

Nodes

{{NODE_DESCRIPTIONS}}

Edges

{{EDGE_DESCRIPTIONS}}

Key Concepts

{{KEY_CONCEPTS}}

Lesson Plan

Learning Objectives

After using this visualization, students will be able to:

{{LEARNING_OBJECTIVES}}

Activities

  1. Explore the Graph: Navigate the visualization to understand the relationships
  2. Identify Patterns: Look for clusters, paths, and key nodes
  3. Trace Dependencies: Follow edges to understand how concepts connect

Assessment

  • Can students identify the foundational nodes (those with no prerequisites)?
  • Can students trace the path from basic to advanced concepts?
  • Can students explain why certain connections exist?

Editing Node Positions

To edit node positions for better layout:

  1. Open main.html with ?enable-save=true parameter
  2. Drag nodes to desired positions
  3. Click "Save Node Positions" to download updated data.json
  4. Replace the original data.json with the downloaded file

References

{{REFERENCES}}

Source: SKILL.md on GitHub

Third-party checks

2 warnings14d4 checks · Risk SAFE
  • Gen Agent Trust Hub14d

    The skill is a productivity tool for generating interactive educational MicroSims. It requires the execution of multiple local scripts and the installation of the Playwright automation framework and Chromium binaries. It also provides features for running Python code locally via Docker. These capabilities represent legitimate developer workflows but involve security surfaces like external binary installation and dynamic code execution.

  • Socket14d

    1 alert: gptAnomaly

  • Snyk14d

    Risk: LOW · No issues

  • Runlayer6mo

    9/59 files flagged

Provenance

Signed by skilld at ed7c050. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub yesterday.

Activeupdated 4 weeks ago

Capability

metadata
{
  "ibook.version": "1.0",
  "ibook.preferred-model": "opus"
}

README badge

README badge for dmccreary/claude-skills/microsim-generator