# List of MicroSims for Claude Skills

> Interactive Micro Simulations to help students learn intelligent textbook development fundamentals.

- Skill: `tools-only/list-of-microsims-for-claude-skills` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add tools-only/list-of-microsims-for-claude-skills`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tools-only/list-of-microsims-for-claude-skills/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tools-only (https://skillmd.com/u/tools-only)
- Updated: 2026-09-29
- Page: https://skillmd.com/skills/tools-only/list-of-microsims-for-claude-skills

---


# List of MicroSims for Claude Skills

Interactive Micro Simulations to help students learn intelligent textbook development fundamentals.

<div class="grid cards" markdown>

-   **[Adding Taxonomy Workflow](./adding-taxonomy-workflow/index.md)**

    ![Adding Taxonomy Workflow](./adding-taxonomy-workflow/adding-taxonomy-workflow.png)

    Interactive Mermaid visualization showing the complete workflow for adding taxonomy categorization to a learning graph CSV file.

-   **[Average Dependencies Distribution](./average-dependencies-distribution/index.md)**

    ![Average Dependencies Distribution](./average-dependencies-distribution/average-dependencies-distribution.png)

    Interactive histogram visualizing the distribution of prerequisite counts across all concepts in a learning graph.

-   **[Book Build Workflow](./book-build-workflow/index.md)**

    ![Book Build Workflow](./book-build-workflow/book-build-workflow.png)

    Interactive workflow diagram illustrating the complete process for building an intelligent textbook from course description through final metrics.

-   **[Book Levels MicroSim](./book-levels/index.md)**

    ![Book Levels](./book-levels/book-levels.png)

    Interactive p5.js visualization showing the five levels of intelligent textbooks from static to autonomous AI.

-   **[Certificate Generator](./certificate-generator/index.md)**

    ![Certificate Generator](./certificate-generator/certificate-generator.png)

    Interactive tool to generate and print professional certificates of completion for course graduates.

-   **[Chapter Content Generation Timeline](./chapter-content-generation-timeline/index.md)**

    ![Chapter Content Generation Timeline](./chapter-content-generation-timeline/chapter-content-generation-timeline.png)

    Interactive timeline showing the 8 sequential stages of chapter content generation from validation through reporting.

-   **[Chapter Index Structure](./chapter-index-structure/index.md)**

    ![Chapter Index Structure](./chapter-index-structure/chapter-index-structure.png)

    Mermaid diagram showing the structure of a chapter index.md file including YAML frontmatter and required sections.

-   **[Chapter Organization Workflow](./chapter-organization-workflow/index.md)**

    ![Chapter Organization Workflow](./chapter-organization-workflow/chapter-organization-workflow.png)

    Mermaid diagram illustrating the decision tree for organizing chapter content with validation loops for concept dependencies.

-   **[Claude Code Memory Layers](./claude-code-memory-layers/index.md)**

    ![Claude Code Memory Layers](./claude-code-memory-layers/claude-code-memory-layers.png)

    Interactive infographic showing the five memory layers in Claude Code and how higher-priority rules override lower-priority ones.

-   **[Claude Code Timeline](./claude-code-timeline/index.md)**

    ![Claude Code Timeline](./claude-code-timeline/claude-code-timeline.png)

    Interactive timeline chronicling 52 pivotal moments in AI history from the Perceptron in 1957 to Claude Skills in 2025.

-   **[Claude Code T-Shirt Design](./claude-code-tshirt-design/index.md)**

    ![Claude Code T-Shirt Design](./claude-code-tshirt-design/claude-code-tshirt-design.png)

    T-shirt design showcasing the workflow from course description to 500-page textbook using Claude Code Skills.

-   **[Color Wheel with Named Colors](./color-wheel-with-named-colors/index.md)**

    ![Color Wheel with Named Colors](./color-wheel-with-named-colors/color-wheel-with-named-colors.png)

    Interactive color wheel displaying over 80 web-safe named colors positioned by hue and saturation values.

-   **[Cover Image Generation Workflow](./cover-image-workflow/index.md)**

    Interactive decision tree flowchart showing the workflow for generating book cover images based on available resources (API key, billing, ChatGPT Pro, OS).

-   **[Concept Length Histogram](./concept-length-histogram/index.md)**

    ![Concept Length Histogram](./concept-length-histogram/concept-length-histogram.png)

    Interactive Chart.js visualization analyzing the length distribution of all 200 concept labels in the learning graph.

-   **[Course Description Quality Workflow](./course-description-quality-workflow/index.md)**

    ![Course Description Quality Workflow](./course-description-quality-workflow/course-description-quality-workflow.png)

    Interactive p5.js workflow diagram showing how course description quality has exponential impacts on textbook generation.

-   **[FAQ Pattern Analysis](./faq-pattern-analysis/index.md)**

    ![FAQ Pattern Analysis](./faq-pattern-analysis/faq-pattern-analysis.png)

    Mermaid diagram showing the workflow for analyzing and validating FAQ question patterns in intelligent textbooks.

-   **[Git Workflow for Skill Development](./git-workflow-skill-development/index.md)**

    ![Git Workflow for Skill Development](./git-workflow-skill-development/git-workflow-skill-development.png)

    Mermaid diagram illustrating the Git version control workflow for developing Claude skills.

-   **[Graph Color Test](./graph-color-test/index.md)**

    ![Graph Color Test](./graph-color-test/graph-color-test.png)

    Interactive visualization testing 17 pastel web-safe colors for differentiating nodes in a learning graph.

-   **[Install Book Environment](./install-book-env/index.md)**

    ![Install Book Environment](./install-book-env/install-book-env.png)

    Interactive dependency graph showing all software components required for intelligent textbook development.

-   **[Learning Graph JSON Schema](./learning-graph-json-schema/index.md)**

    ![Learning Graph JSON Schema](./learning-graph-json-schema/learning-graph-json-schema.png)

    Mermaid tree diagram showing the structure of the learning graph JSON format for vis-network visualization.

-   **[Learning Graph Viewer](./graph-viewer/index.md)**

    ![Learning Graph Viewer](./graph-viewer/graph-viewer.png)

    Interactive vis-network visualization with search, taxonomy legend controls, and real-time graph statistics.

-   **[Linear Chain vs Network](./linear-chain-vs-network/index.md)**

    ![Linear Chain vs Network](./linear-chain-vs-network/linear-chain-vs-network.png)

    Side-by-side comparison of poor (linear chain) and good (networked) learning graph structures.

-   **[Major World Cities Map](./test-world-cities/index.md)**

    ![Major World Cities](./test-world-cities/test-world-cities.png)

    Interactive Leaflet map showcasing ten major cities across different continents with click-to-view details.

-   **[MicroSim File Relationship Diagram](./microsim-file-relationship-diagram/index.md)**

    ![MicroSim File Relationship Diagram](./microsim-file-relationship-diagram/microsim-file-relationship-diagram.png)

    Block diagram showing how index.md, main.html, and metadata.json relate within the MkDocs architecture.

-   **[MkDocs Build Process](./mkdocs-build-process/index.md)**

    ![MkDocs Build Process](./mkdocs-build-process/mkdocs-build-process.png)

    Mermaid diagram showing the complete MkDocs build pipeline from markdown source to generated HTML.

-   **[MkDocs GitHub Pages Deployment](./mkdocs-github-pages-deployment/index.md)**

    ![MkDocs GitHub Pages Deployment](./mkdocs-github-pages-deployment/mkdocs-github-pages-deployment.png)

    Interactive diagram showing the complete workflow from local markdown editing to published GitHub Pages site.

-   **[Orphaned Nodes Identification](./orphaned-nodes-identification/index.md)**

    ![Orphaned Nodes Identification](./orphaned-nodes-identification/orphaned-nodes-identification.png)

    Interactive scatter plot visualizing concept connectivity patterns to identify foundational and orphaned concepts.

-   **[p5.js Architecture](./p5js-architecture/index.md)**

    ![p5.js Architecture](./p5js-architecture/p5js-architecture.png)

    Mermaid diagram illustrating the p5.js setup(), draw() loop, and event handler execution model.

-   **[Security Zones Diagram](./security-zones-diagram/index.md)**

    ![Security Zones Diagram](./security-zones-diagram/security-zones-diagram.png)

    Mermaid diagram showing the three concentric security zones in the Claude skills architecture.

-   **[Sine Function Visualization](./sine-function-plot/index.md)**

    ![Sine Function Plot](./sine-function-plot/sine-function-plot.png)

    Interactive Plotly.js plot of the sine function with slider control to explore points along the curve.

-   **[Skill Context Window](./skill-context-window/index.md)**

    ![Skill Context Window](./skill-context-window/skill-context-window.png)

    Interactive p5.js visualization of the three-level progressive disclosure system in Claude Skills.

-   **[Skill Development Priority Matrix](./skill-impact-chart/index.md)**

    ![Skill Impact Chart](./skill-impact-chart/skill-impact-chart.png)

    Interactive bubble chart visualizing priority matrix for skill development based on impact versus effort.

-   **[Skill Directory Structure](./skill-directory-structure/index.md)**

    ![Skill Directory Structure](./skill-directory-structure/skill-directory-structure.png)

    Mermaid file tree diagram showing the standard directory structure for Claude skills.

-   **[Skill Installation Workflow](./skill-installation-workflow/index.md)**

    ![Skill Installation Workflow](./skill-installation-workflow/skill-installation-workflow.png)

    Interactive timeline showing the step-by-step process for installing Claude skills using symlinks.

-   **[Taxonomy Distribution Pie Chart](./taxonomy-distribution-pie/index.md)**

    ![Taxonomy Distribution Pie Chart](./taxonomy-distribution-pie/taxonomy-distribution-pie.png)

    Interactive pie chart visualizing how 200 concepts are distributed across 8 taxonomy categories.

-   **[Terminal Workflow for Textbook Development](./terminal-workflow-textbook/index.md)**

    ![Terminal Workflow](./terminal-workflow-textbook/terminal-workflow-textbook.png)

    Complete terminal command sequence for developing, validating, and deploying intelligent textbook content.

-   **[Three-Color DFS Cycle Detection](./three-color-dfs/index.md)**

    ![Three-Color DFS](./three-color-dfs/three-color-dfs.png)

    Interactive vis-network visualization demonstrating the three-color DFS algorithm for detecting cycles in learning graphs.

</div>

