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.

assetstemplateschartjsindex-template.md

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

{{TITLE}}

<iframe src="main.html" height="450px" 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="450px" width="100%" scrolling="no"></iframe>

Overview

{{OVERVIEW}}

Data Source

{{DATA_SOURCE}}

How to Use

This interactive chart provides three views of the data:

  1. Pie Chart: Shows proportional distribution of values
  2. Bar Chart: Compares values side-by-side
  3. Table: Displays exact numeric values

Click the tabs above the chart to switch between views.

Key Insights

{{KEY_INSIGHTS}}

Lesson Plan

Learning Objectives

After using this visualization, students will be able to:

{{LEARNING_OBJECTIVES}}

Discussion Questions

{{DISCUSSION_QUESTIONS}}

Activities

  1. Compare Views: Switch between pie, bar, and table views. Which is most effective for this data?
  2. Identify Trends: What patterns or insights can you draw from the data?
  3. Critical Analysis: What questions does this data raise? What additional data would be helpful?

Technical Notes

This MicroSim uses:

  • Chart.js 4.4.0: JavaScript charting library
  • chartjs-plugin-datalabels: For displaying labels on chart segments

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